ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ icon

ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್

Extension Actions

How to install Open in Chrome Web Store
CRX ID
iofloebknojfkadciogbakkblfedobaf
Status
  • Extension status: Featured
  • Live on Store
Description from extension meta

ಯಾವುದೇ ಪುಟಕ್ಕೆ CSS ವೀಕ್ಷಕ ಮತ್ತು ವೆಬ್‌ಸೈಟ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಆಗಿ ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಉಪಕರಣವನ್ನು ಬಳಸಿ. ಇದು Google chrome ಇನ್ಸ್‌ಪೆಕ್ಟ್…

Image from store
ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್
Description from store

ಒಬ್ಬ ವೃತ್ತಿಪರನಂತೆ ಕ್ರೋಮ್‌ಗಾಗಿ ಅಂಶವನ್ನು ಪರಿಶೀಲಿಸಲು ಬಯಸುವಿರಾ? ಈ ಉಪಕರಣವು ಫ್ರಂಟ್-ಎಂಡ್ ಮೂಲಭೂತ ಅಂಶಗಳನ್ನು ಸುಲಭವಾಗಿ ಕರಗತ ಮಾಡಿಕೊಳ್ಳಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಇದು ಕೇವಲ ಕ್ರೋಮ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್‌ಗಿಂತ ಹೆಚ್ಚಿನದಾಗಿದೆ - ಇದು ನಿಮ್ಮ ಆಲ್-ಇನ್-ಒನ್ ಡೆವಲಪ್‌ಮೆಂಟ್ ಸಹಾಯಕ. ಯಾವುದೇ ವೆಬ್‌ಸೈಟ್ ಮೇಲೆ ನಿಮಗೆ ಸಂಪೂರ್ಣ ನಿಯಂತ್ರಣ ಬೇಕಾದಾಗ ನಮ್ಮ ತಪಾಸಣೆ ಕ್ರೋಮ್ ಪರಿಕರವನ್ನು ಬಳಸಿ.

🔍 ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಅಪ್ಲಿಕೇಶನ್ ವೈಶಿಷ್ಟ್ಯಗಳು

1. ಬದಲಾವಣೆ ಇತಿಹಾಸಕ್ಕೆ ಪ್ರವೇಶ.
2. ಸಿಎಸ್ಎಸ್ ಸ್ಕ್ಯಾನ್ ಮೂಲಕ ಶೈಲಿಗಳನ್ನು ವೀಕ್ಷಿಸಿ.
3. ನೈಜ-ಸಮಯದ ಪುಟ ನವೀಕರಣಗಳು.

📦 ನಿಮಗೆ ಏನು ಸಿಗುತ್ತದೆ

ಈ ಕ್ರೋಮ್ ಬ್ರೌಸರ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ವೆಬ್‌ಸೈಟ್ ರಚನೆಗಳ ಅನ್ವೇಷಣೆಯನ್ನು ಸರಳಗೊಳಿಸುತ್ತದೆ, ಮೊದಲ ಕ್ಲಿಕ್‌ನಿಂದಲೇ ಅಮೂಲ್ಯವಾದ ಒಳನೋಟಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ತಿಳಿಯಿರಿ, ಕ್ರೋಮ್‌ನಲ್ಲಿರುವ ಅಂಶಗಳನ್ನು ಪರಿಶೀಲಿಸುವುದರಿಂದ ಆರಂಭಿಕರು ಮತ್ತು ವೃತ್ತಿಪರರು ಇಬ್ಬರೂ ಕಡೆಗಣಿಸಬಹುದಾದ ವಿವರಗಳನ್ನು ಸುಲಭವಾಗಿ ಕಂಡುಹಿಡಿಯಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.

☘️ ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ ಎಂದು ಯೋಚಿಸುತ್ತಿದ್ದೇನೆ

• ಶೈಲಿಗಳ ಸ್ಪಷ್ಟ ನೋಟಕ್ಕಾಗಿ ಅದರ CSS ವೀಕ್ಷಕವನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು ಒಂದು ಅಂಶದ ಮೇಲೆ ಸುಳಿದಾಡಿ.
• ವಿನ್ಯಾಸದ ಮೇಲೆ ಅವು ಹೇಗೆ ಪರಿಣಾಮ ಬೀರುತ್ತವೆ ಎಂಬುದನ್ನು ತೋರಿಸುವ ಅಂಚು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಸೂಚಕಗಳೊಂದಿಗೆ ಅಂತರವನ್ನು ನೋಡಿ.
• ವಿನ್ಯಾಸದಲ್ಲಿನ ಅವುಗಳ ರಚನೆ ಮತ್ತು ಸಂವಹನಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು Google Chrome ಅನ್ನು ಪರೀಕ್ಷಿಸಿ.
• ಉತ್ತಮ ಮುದ್ರಣಕಲೆಯ ಒಳನೋಟಗಳಿಗಾಗಿ ಫಾಂಟ್ ಗಾತ್ರ ಮತ್ತು ಕುಟುಂಬದ ಬಗ್ಗೆ ವಿವರವಾದ ಮಾಹಿತಿಯನ್ನು ಪಡೆಯಿರಿ.

📚 ನೀವು ಅದನ್ನು ಎಲ್ಲಿ ಅನ್ವಯಿಸಬಹುದು

ಈ ವೆಬ್ ಪುಟ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಯಾವುದೇ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ - ಯಾವುದೇ ಮಿತಿಗಳಿಲ್ಲ. ಕ್ಲಿಕ್ ಮಾಡಿ ಅಥವಾ ಹೋವರ್ ಮಾಡಿ, ನೀವು ಬಹಳಷ್ಟು ವಿವರಗಳನ್ನು ನೋಡುತ್ತೀರಿ. ಗೂಗಲ್ ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ನೀಡುವ ವ್ಯತ್ಯಾಸವನ್ನು ಅನುಭವಿಸುವ ಸಮಯ ಇದು. ಈಗಲೇ ವಿಸ್ತರಣೆಯನ್ನು ಸ್ಥಾಪಿಸಿ!

🔥 CSS ಪೀಪರ್ ವಿಸ್ತರಣೆಯೊಂದಿಗೆ ಸಾಮಾನ್ಯ

➣ ಸುಲಭವಾಗಿ ಘಟಕಗಳನ್ನು ವೀಕ್ಷಿಸುವುದು.
➣ ವರ್ಗ ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯಗಳನ್ನು ವೀಕ್ಷಿಸಿ.
➣ ಫಾಂಟ್ ಮಾಹಿತಿಯನ್ನು ಹಿಂಪಡೆಯಿರಿ.
➣ ಮಾಧ್ಯಮ ಫೈಲ್ ಮೂಲಗಳನ್ನು ವೀಕ್ಷಿಸಿ.
➣ ವೆಬ್ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ಅನ್ನು ಹೊರತೆಗೆಯಿರಿ.

💥 ನಮ್ಮಲ್ಲಿ ಇನ್ನೇನು ಇದೆ

⭐ ️ ಕ್ರೋಮ್ ಅಂಶವನ್ನು ಪರಿಶೀಲಿಸುವಾಗ HEX, RGB, ಅಥವಾ HSL ನಲ್ಲಿ ಪಿಕ್ಸೆಲ್ ಬಣ್ಣಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಸಾಮರ್ಥ್ಯ.
Properties ಗುಣಲಕ್ಷಣಗಳನ್ನು ಮತ್ತು ಅವುಗಳ ಮೌಲ್ಯಗಳನ್ನು ಸರಾಗವಾಗಿ ಸೇರಿಸುವ, ತೆಗೆದುಹಾಕುವ ಮತ್ತು ಬದಲಾಯಿಸುವ ಸಾಮರ್ಥ್ಯ.
⭐️ ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಅಪ್ಲಿಕೇಶನ್‌ನೊಂದಿಗೆ ಗೋಚರಿಸುವ ಪಠ್ಯ ವಿಷಯವನ್ನು ಸುಲಭವಾಗಿ ಸಂಪಾದಿಸಿ.

🧠 ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ಪ್ರಶ್ನೆ: ನಾನು ಇದನ್ನು css ಪ್ಲಗಿನ್ chrome ಆಗಿ ಬಳಸಬಹುದೇ?
ಉ: ಹೌದು, ಇದು ಬ್ರೌಸರ್‌ಗಾಗಿ ಪೂರ್ಣ ವೈಶಿಷ್ಟ್ಯಪೂರ್ಣ ಪ್ಲಗಿನ್ ಆಗಿದೆ.

ಪ್ರಶ್ನೆ: ಈ ಪ್ಲಗಿನ್ ಆರಂಭಿಕರಿಗಾಗಿ ಬಳಕೆದಾರ ಸ್ನೇಹಿಯಾಗಿದೆಯೇ?
ಉ: ಖಂಡಿತ! ಇದು ತುಂಬಾ ಸುಲಭವಾದ ಸಂಚರಣೆಯನ್ನು ಹೊಂದಿದೆ.

ಪ್ರಶ್ನೆ: ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್‌ನ ಪ್ರಯೋಜನವೇನು?
ಉ: ಇದು ವೀಕ್ಷಣೆ ಮತ್ತು ವಿನ್ಯಾಸ ಪರೀಕ್ಷೆಯನ್ನು ಸರಳಗೊಳಿಸುತ್ತದೆ.

🌐 ಅದು ಎಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ

ಇನ್ಸ್ಪೆಕ್ಟ್ ಕ್ರೋಮ್ ವೈಶಿಷ್ಟ್ಯವು ಯಾವುದೇ ಸಾರ್ವಜನಿಕ ಸಂಪನ್ಮೂಲದೊಂದಿಗೆ ಸರಾಗವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಬ್ರೌಸರ್ ಒಳಗೆ ನೇರವಾಗಿ ಪರೀಕ್ಷಿಸಿ. ಡೆವಲಪರ್‌ಟೂಲ್‌ಗಳ ಟ್ಯಾಬ್‌ಗಳ ಮೂಲಕ ಇನ್ನು ಮುಂದೆ ಬೇಟೆಯಾಡುವ ಅಗತ್ಯವಿಲ್ಲ! ಡೆವಲಪರ್‌ಗಳು ನಮ್ಮ ಬ್ರೌಸರ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಕ್ರೋಮ್ ಅನ್ನು ಇಷ್ಟಪಡುತ್ತಾರೆ.

❤️ ನಾವು ಇಷ್ಟಪಡಲು ಕಾರಣಗಳು

1. ಸಂಪಾದನೆಗಳು ಲೈವ್ ಆಗಿವೆ — ವೆಬ್‌ನಲ್ಲಿ ತಕ್ಷಣವೇ ಫಲಿತಾಂಶಗಳನ್ನು ನೋಡಿ.
2. ಸಂಕೀರ್ಣ ನೆಸ್ಟೆಡ್ ಅಂಶಗಳನ್ನು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ನಿರ್ವಹಿಸುತ್ತದೆ.
3. ವಿವಿಧ ಕಾರ್ಯಗಳಿಗಾಗಿ ಗೂಗಲ್ ಕ್ರೋಮ್ ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್.

🧩 ಡೆವಲಪರ್‌ಗಳಿಗೆ ಪರಿಪೂರ್ಣ ಸಂಯೋಜನೆ

ಈ ಉಪಕರಣವು ವಿನ್ಯಾಸ ಸಂಪಾದನೆಗಳು ಮತ್ತು ಮುಂಭಾಗದ ಕೊನೆಯಲ್ಲಿ ಟ್ವೀಕ್‌ಗಳಿಗೆ ವೇಗ ಮತ್ತು ಸ್ಪಷ್ಟತೆಯನ್ನು ತರುತ್ತದೆ. CSS ಕ್ರೋಮ್ ವಿಸ್ತರಣೆಯೊಂದಿಗೆ, ನೀವು ಶೈಲಿಗಳನ್ನು ತಕ್ಷಣ ಬದಲಾಯಿಸಬಹುದು. ವಿನ್ಯಾಸ ನಡವಳಿಕೆ ಮತ್ತು ರಚನೆಯನ್ನು ವಿಶ್ಲೇಷಿಸುವಾಗ ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಅಪ್ಲಿಕೇಶನ್ ನಿಖರತೆಯನ್ನು ಸೇರಿಸುತ್ತದೆ.

💪🏻 ನೀವು ಏನು ಮಾಡಬಹುದು

1️⃣ ಸ್ಪಂದಿಸುವ ವೆಬ್ ವಿನ್ಯಾಸಗಳನ್ನು ಗ್ರಹಿಸುವುದು.
2️⃣ CSS ಸ್ಕ್ಯಾನ್‌ನೊಂದಿಗೆ ವೆಬ್ ಶೈಲಿಗಳನ್ನು ನಕಲಿಸಲಾಗುತ್ತಿದೆ.
3️⃣ ಆಧುನಿಕ ವೆಬ್‌ಸೈಟ್ ರಚನೆಯನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು.
4️⃣ ಫ್ರಂಟ್-ಎಂಡ್ ಕೋಡ್‌ನಲ್ಲಿ ದೋಷಗಳನ್ನು ಪ್ರತ್ಯೇಕಿಸುವುದು.

🧪 ಯಾರು ಬಳಸಬಹುದು

ಸುಧಾರಿತ ವೆಬ್ ಪುಟ ತಪಾಸಣೆಯ ಕ್ರೋಮ್‌ನ ಸಂಪೂರ್ಣ ಶಕ್ತಿಯನ್ನು ಪ್ರಯತ್ನಿಸಲು ಸಿದ್ಧರಿದ್ದೀರಾ? ವೇಗ, ಸ್ಪಷ್ಟತೆ ಮತ್ತು ನೇರ ಸಂವಹನವನ್ನು ಬಯಸುವ ಡೆವಲಪರ್‌ಗಳಿಗಾಗಿ ಇದನ್ನು ನಿರ್ಮಿಸಲಾಗಿದೆ. ನಿಮ್ಮ ಕೆಲಸದ ಹರಿವಿನ ರೂಪಾಂತರವನ್ನು ಬಿಡಿ. ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಪರಿಕರವು ವಿಭಿನ್ನ ಕಾರ್ಯಗಳಿಗೆ ಸೂಕ್ತವಾಗಿದೆ.

❓ ತ್ವರಿತ FAQ

➤ ನಾನು ಅದನ್ನು ಎಲ್ಲಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು? ಇದು ಫೈರ್‌ಫಾಕ್ಸ್‌ನಲ್ಲಿ ಲಭ್ಯವಿದೆಯೇ?
✱ ನೀವು ವೆಬ್‌ಸ್ಟೋರ್‌ನಿಂದ ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಅನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಬಹುದು.

➤ ಸಂಪಾದನೆ ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ ಮಾಡಿದ ಬದಲಾವಣೆಗಳನ್ನು ನಾನು ಉಳಿಸಬಹುದೇ?
✱ ಇಲ್ಲ, ಸಂಪಾದನೆಯ ಸಮಯದಲ್ಲಿ ಮಾಡಿದ ಬದಲಾವಣೆಗಳು ತಾತ್ಕಾಲಿಕ.

➤ ಈ ಉಪಕರಣವು ಗೂಗಲ್ ಇನ್ಸ್‌ಪೆಕ್ಟ್ ಟೂಲ್‌ಗಿಂತ ಹೇಗೆ ಭಿನ್ನವಾಗಿದೆ?
✱ ಇದು ಸರಳೀಕೃತ ದೃಶ್ಯಗಳೊಂದಿಗೆ ನೈಜ-ಸಮಯದ ಸಂಪಾದಕವನ್ನು ಸೇರಿಸುತ್ತದೆ.

📥 ಹೇಗೆ ಪ್ರಾರಂಭಿಸುವುದು

ಅನುಸ್ಥಾಪನೆಯ ನಂತರ, ಯಾವುದೇ ಅಂಶದ ಮೇಲೆ ಸುಳಿದಾಡಿ ಮತ್ತು ವೆಬ್ ಪುಟ ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಲು ಸ್ಪೇಸ್‌ಬಾರ್ ಅನ್ನು ಒತ್ತಿರಿ. ಈ ವೈಶಿಷ್ಟ್ಯವು ನಿಮ್ಮ ವಿನ್ಯಾಸದ ನಿರ್ದಿಷ್ಟ ಭಾಗಗಳನ್ನು ಸುಲಭವಾಗಿ ಪರೀಕ್ಷಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ನೀವು ಬಟನ್‌ಗಳನ್ನು ಕ್ಲಿಕ್ ಮಾಡುತ್ತಿರಲಿ ಅಥವಾ ಹೆಡರ್‌ಗಳನ್ನು ಕ್ಲಿಕ್ ಮಾಡುತ್ತಿರಲಿ, Chrome ನೊಂದಿಗೆ Google ತಪಾಸಣೆ ನಿಮ್ಮ ಕೆಲಸದ ಹರಿವಿಗೆ ನಿಖರತೆ ಮತ್ತು ಸುಲಭತೆಯನ್ನು ತರುತ್ತದೆ.

🔎 Google ವೆಬ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್‌ನೊಂದಿಗೆ ಅನ್ವೇಷಿಸಿ

- ಮುದ್ರಣಕಲೆ ಶೈಲಿಗಳು.
- ವಿವರವಾದ ಸೆಟ್ಟಿಂಗ್‌ಗಳು.
- ಎಲಿಮೆಂಟ್ ಪ್ಯಾಡಿಂಗ್.
- HTML ತರಗತಿಗಳು.
- ವೆಬ್ ಬಣ್ಣಗಳನ್ನು ಬಳಸಲಾಗಿದೆ.
- ಅಂಚು ಮೌಲ್ಯಗಳು.

ಗುಣಲಕ್ಷಣಗಳಿಗೆ ತ್ವರಿತ ಪ್ರವೇಶದ ಅಗತ್ಯವಿರುವಾಗ ನಮ್ಮ CSS ವಿಸ್ತರಣೆಯನ್ನು ಬಳಸಿ. ಬೃಹತ್ DevTools ಅನ್ನು ತೆರೆಯುವ ಅಗತ್ಯವಿಲ್ಲ - ಎಲ್ಲವೂ ನಿಮ್ಮ ಕರ್ಸರ್‌ನಲ್ಲಿಯೇ ಇರುತ್ತದೆ. ಈ chrome inspection ಪರಿಕರವು ನಿಮ್ಮ ಕೆಲಸದ ಹರಿವನ್ನು ಸುಗಮಗೊಳಿಸಲು ಪರಿಣಾಮಕಾರಿ ಮಾರ್ಗವನ್ನು ಒದಗಿಸುತ್ತದೆ.

🌟 ಕ್ರೋಮ್ ಬ್ರೌಸರ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್‌ನೊಂದಿಗೆ ನೀವು ಏನು ಪಡೆಯುತ್ತೀರಿ

✔️ ಲೈವ್ ಪೂರ್ವವೀಕ್ಷಣೆ.
✔️ ಗ್ರಿಡ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್.
✔️ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್‌ಗಳು.

☀️ ನಮ್ಮ ವಿಶಿಷ್ಟ ಅನುಭವಕ್ಕೆ ಸಂಪರ್ಕ ಸಾಧಿಸಿ

ಇದು ನಿಮ್ಮ ಪರಿಹಾರ! ಇಂದೇ Chrome ನಲ್ಲಿ ಅಂಶವನ್ನು ಪರಿಶೀಲಿಸಲು ಪ್ರಾರಂಭಿಸಿ. ಶೈಲಿಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಹೆಚ್ಚು ದೃಶ್ಯ ಮಾರ್ಗವಾದ ನಮ್ಮ ವೆಬ್ ವಿಸ್ತರಣೆಯನ್ನು ಪ್ರಯತ್ನಿಸಿ. ಪ್ರಬಲ, ಬಳಕೆದಾರ ಸ್ನೇಹಿ ವೆಬ್‌ಸೈಟ್ ಇನ್ಸ್‌ಪೆಕ್ಟರ್‌ನೊಂದಿಗೆ ಮುಕ್ತವಾಗಿ ರಚಿಸಿ.

Latest reviews

Tuannn Hoang
nice one
Егор К. (Meditator)
veryyy gooooood
Valeri
Good!!! Been using this for 3 days and it's amazing. DevTools usually shows 200+ CSS properties with tons of useless stuff. This filters out the junk and shows only what affects the display.
Александр Павлюк
Super helpful!
Натали А
I can't believe how useful Web Inspector has been for my projects. It allows me to make quick edits, and the UI is super friendly. Highly recommend it to everyone!