ವೆಬ್ ಬ್ರೌಸರ್ ಡೆವಲಪರ್ ಟೂಲ್ಸ್ ಬಳಸಿ ಹೇಗೆ

ವೆಬ್ ವಿನ್ಯಾಸಕರು, ಅಭಿವರ್ಧಕರು ಮತ್ತು ಪರೀಕ್ಷಕರಿಗಾಗಿ ಸಂಯೋಜಿತ ಉಪಕರಣಗಳು

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

ಬ್ರೌಸರ್ನ ಒಳಗೆ ಮಾತ್ರ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಮತ್ತು ಪರೀಕ್ಷಾ ಪರಿಕರಗಳು ನಿಮಗೆ ಪುಟದ ಮೂಲ ಕೋಡ್ ಮತ್ತು ಹೆಚ್ಚಿನದನ್ನು ವೀಕ್ಷಿಸಲು ಅನುಮತಿಸಿದ ದಿನಗಳು ಗಾನ್ ಆಗಿವೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸ್ನಿಪ್ಪೆಟ್ಗಳನ್ನು ಪರಿಶೀಲಿಸುವುದು ಮತ್ತು ಡಿಒಎಮ್ ಅಂಶಗಳನ್ನು ಸಂಪಾದಿಸುವುದು, ನೈಜ-ಸಮಯದ ನೆಟ್ವರ್ಕ್ ಟ್ರಾಫಿಕ್ ಅನ್ನು ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅಥವಾ ಪುಟ ಲೋಡ್ ಮಾಡುತ್ತದೆ, ಬಾಟಲಿನಿಯನ್ನು ಗುರುತಿಸಲು, ಸಿಎಸ್ಎಸ್ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ವಿಶ್ಲೇಷಿಸುವುದು, ನಿಮ್ಮ ಕೋಡ್ ಎಂದು ಖಾತರಿಪಡಿಸುವಂತಹ ವಿಷಯಗಳನ್ನು ಮಾಡುವುದರ ಮೂಲಕ ಇಂದಿನ ಬ್ರೌಸರ್ಗಳು ಹೆಚ್ಚು ಆಳವಾದ ಡೈವ್ಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ನಿಮಗೆ ಅವಕಾಶ ನೀಡುತ್ತವೆ. ಹೆಚ್ಚು ಮೆಮೊರಿ ಅಥವಾ ಹಲವಾರು ಸಿಪಿಯು ಚಕ್ರಗಳನ್ನು ಬಳಸುವುದಿಲ್ಲ, ಮತ್ತು ಹೆಚ್ಚು. ಪರೀಕ್ಷಾ ದೃಷ್ಟಿಕೋನದಿಂದ, ಅಪ್ಲಿಕೇಶನ್ಗಳು ಅಥವಾ ವೆಬ್ ಪುಟವು ವಿಭಿನ್ನ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಮತ್ತು ಪ್ರತಿಕ್ರಿಯಾಶೀಲರಾಗಿರುತ್ತಾರೆ ವಿನ್ಯಾಸ ಮತ್ತು ಅಂತರ್ನಿರ್ಮಿತ ಸಿಮ್ಯುಲೇಟರ್ಗಳುಗಳ ಮ್ಯಾಜಿಕ್ ಮೂಲಕ ವಿವಿಧ ಸಾಧನಗಳು ಮತ್ತು ಪ್ಲಾಟ್ಫಾರ್ಮ್ಗಳಲ್ಲಿ ಹೇಗೆ ನಿರೂಪಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಪುನರಾವರ್ತಿಸಬಹುದು. ನಿಮ್ಮ ಬ್ರೌಸರ್ ಅನ್ನು ಬಿಡದೆಯೇ ನೀವು ಎಲ್ಲವನ್ನೂ ಮಾಡಬಹುದು ಎಂಬುದು ಉತ್ತಮ ಭಾಗವಾಗಿದೆ!

ಕೆಳಗಿರುವ ಟ್ಯುಟೋರಿಯಲ್ಗಳು ಈ ಡೆವಲಪರ್ ಪರಿಕರಗಳನ್ನು ಹಲವಾರು ಜನಪ್ರಿಯ ವೆಬ್ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಹೇಗೆ ಪ್ರವೇಶಿಸಬಹುದು ಎಂಬುದರ ಮೂಲಕ ನಿಮ್ಮನ್ನು ಅನುಸರಿಸುತ್ತವೆ.

ಗೂಗಲ್ ಕ್ರೋಮ್

ಕ್ರೋಮ್ನ ಡೆವಲಪರ್ ಪರಿಕರಗಳು ಕೋಡ್ ಅನ್ನು ಸಂಪಾದಿಸಲು ಮತ್ತು ಡಿಬಗ್ ಮಾಡಲು, ವೈಯಕ್ತಿಕ ಸಮಸ್ಯೆಗಳನ್ನು ಆಡಿಟ್ ಮಾಡಲು ಕಾರ್ಯಕ್ಷಮತೆಯ ಸಮಸ್ಯೆಗಳನ್ನು ಬಹಿರಂಗಪಡಿಸಲು, ಆಂಡ್ರಾಯ್ಡ್ ಅಥವಾ ಐಒಎಸ್ ಚಾಲನೆಯಲ್ಲಿರುವಂತಹ ವಿವಿಧ ಸಾಧನದ ಪರದೆಯನ್ನು ಅನುಕರಿಸಲು ಮತ್ತು ಹಲವಾರು ಇತರ ಉಪಯುಕ್ತ ಕಾರ್ಯಗಳನ್ನು ನಿರ್ವಹಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

1. Chrome ನ ಮುಖ್ಯ ಮೆನು ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ, ಮೂರು ಸಮತಲವಾಗಿರುವ ರೇಖೆಗಳೊಂದಿಗೆ ಗುರುತಿಸಿ ಮತ್ತು ಬ್ರೌಸರ್ನ ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿ ಇದೆ.
2. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ನಿಮ್ಮ ಮೌಸ್ ಕರ್ಸರ್ ಅನ್ನು ಇನ್ನಷ್ಟು ಪರಿಕರಗಳ ಆಯ್ಕೆಯ ಮೇಲಿದ್ದು.
3. ಉಪ ಮೆನು ಈಗ ಕಾಣಿಸಿಕೊಳ್ಳಬೇಕು. ಡೆವಲಪರ್ ಟೂಲ್ಗಳ ಲೇಬಲ್ ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ. ಈ ಮೆನು ಐಟಂನ ಸ್ಥಳದಲ್ಲಿ ಈ ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ನೀವು ಬಳಸಬಹುದು: Chrome OS / Windows ( CTRL + SHIFT + I ), ಮ್ಯಾಕ್ OS X ( ALT (OPTION) + COMMAND + I )
4. ಈ ಉದಾಹರಣೆಯಲ್ಲಿ ಸ್ಕ್ರೀನ್ಶಾಟ್ನಲ್ಲಿ ತೋರಿಸಿರುವಂತೆ Chrome ಡೆವಲಪರ್ ಟೂಲ್ಸ್ ಇಂಟರ್ಫೇಸ್ ಈಗ ಪ್ರದರ್ಶಿಸಲ್ಪಡಬೇಕು. ನಿಮ್ಮ Chrome ನ ಆವೃತ್ತಿಯನ್ನು ಅವಲಂಬಿಸಿ, ನೀವು ನೋಡುವ ಆರಂಭಿಕ ಲೇಔಟ್ ಇಲ್ಲಿ ನೀಡಲಾದ ಒಂದರಿಂದ ಸ್ವಲ್ಪ ವಿಭಿನ್ನವಾಗಿದೆ. ಡೆವಲಪರ್ ಟೂಲ್ಗಳ ಮುಖ್ಯ ಕೇಂದ್ರ, ಸಾಮಾನ್ಯವಾಗಿ ಪರದೆಯ ಕೆಳಭಾಗದಲ್ಲಿ ಅಥವಾ ಬಲಗೈ ಭಾಗದಲ್ಲಿ ಇದೆ, ಕೆಳಗಿನ ಟ್ಯಾಬ್ಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
   ಎಲಿಮೆಂಟ್ಸ್: ನೈಜ ಸಮಯದಲ್ಲಿ ನಿಮ್ಮ ಬದಲಾವಣೆಗಳ ಪರಿಣಾಮಗಳನ್ನು ನೋಡುವ ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಎಚ್ಟಿಎಮ್ಎಲ್ ಸಂಕೇತಗಳನ್ನು ಪರೀಕ್ಷಿಸಿ ಮತ್ತು ಎಡಿಶನ್-ನಲ್ಲಿ ಸಿಎಸ್ಎಸ್ ಸಂಪಾದಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ.
   ಕನ್ಸೋಲ್: ಕ್ರೋಮ್ನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕನ್ಸೋಲ್ ನೇರ ಕಮಾಂಡ್ ಪ್ರವೇಶ ಮತ್ತು ಡಯಗ್ನೊಸ್ಟಿಕ್ ಡಿಬಗ್ಗಿಂಗ್ಗಾಗಿ ಅನುಮತಿಸುತ್ತದೆ.
   ಮೂಲಗಳು: ಪ್ರಬಲವಾದ ಚಿತ್ರಾತ್ಮಕ ಅಂತರ್ಮುಖಿ ಮೂಲಕ ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಡಿಬಗ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ.
   ನೆಟ್ವರ್ಕ್: ಪೂರ್ಣವಾದ ವಿನಂತಿ ಮತ್ತು ಪ್ರತಿಕ್ರಿಯೆ ಶಿರೋಲೇಖಗಳು ಮತ್ತು ಮುಂದುವರಿದ ಸಮಯದ ಮೆಟ್ರಿಕ್ಸ್ ಸೇರಿದಂತೆ ಸಕ್ರಿಯ ಅಪ್ಲಿಕೇಶನ್ ಅಥವಾ ಪುಟದಲ್ಲಿ ಪ್ರತಿ ಸಂಬಂಧಿತ ಕಾರ್ಯಾಚರಣೆಯ ಬಗ್ಗೆ ವಿವರವಾದ ಮಾಹಿತಿಯನ್ನು ವಿಂಗಡಿಸುತ್ತದೆ ಮತ್ತು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
   ಟೈಮ್ಲೈನ್: ಒಂದು ಪುಟ ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್ ಲೋಡ್ ವಿನಂತಿಯನ್ನು ಪ್ರಾರಂಭಿಸಿದ ತಕ್ಷಣವೇ ಬ್ರೌಸರ್ನಲ್ಲಿ ನಡೆಯುವ ಪ್ರತಿಯೊಂದು ಚಟುವಟಿಕೆಗಳ ಆಳವಾದ ವಿಶ್ಲೇಷಣೆಗೆ ಅನುಮತಿಸುತ್ತದೆ.
5. ಈ ವಿಭಾಗಗಳಿಗೆ ಹೆಚ್ಚುವರಿಯಾಗಿ, ನೀವು ಈ ಕೆಳಗಿನ ಉಪಕರಣಗಳನ್ನು ಪ್ರವೇಶಿಸಬಹುದು ಟೈಮ್ಲೈನ್ ಟ್ಯಾಬ್ನ ಬಲಕ್ಕೆ ಇರುವ >> ಐಕಾನ್ ಮೂಲಕ.
   ಪ್ರೊಫೈಲ್: CPU ಪ್ರೊಫೈಲರ್ ಮತ್ತು ಹೀಪ್ ಪ್ರೊಫೈಲರ್ ವಿಭಾಗಗಳಾಗಿ ವಿಭಾಗಿಸಲ್ಪಟ್ಟಿದೆ, ಸಕ್ರಿಯ ಅಪ್ಲಿಕೇಶನ್ ಅಥವಾ ಪುಟದ ಸಮಗ್ರ ಸ್ಮರಣೆ ಬಳಕೆ ಮತ್ತು ಒಟ್ಟಾರೆ ಮರಣದಂಡನೆ ಸಮಯವನ್ನು ಒದಗಿಸುತ್ತದೆ.
   ಭದ್ರತೆ: ಸಕ್ರಿಯ ಪುಟ ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್ನೊಂದಿಗೆ ಹೈಲೈಟ್ಸ್ ಪ್ರಮಾಣಪತ್ರದ ಸಮಸ್ಯೆಗಳು ಮತ್ತು ಇತರ ಭದ್ರತೆ-ಸಂಬಂಧಿತ ಸಮಸ್ಯೆಗಳು.
   ಸಂಪನ್ಮೂಲಗಳು: ಪ್ರಸ್ತುತ ವೆಬ್ ಪುಟ ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್ ಬಳಸುವ ಕುಕೀಸ್, ಸ್ಥಳೀಯ ಸಂಗ್ರಹಣೆ, ಅಪ್ಲಿಕೇಶನ್ ಸಂಗ್ರಹ, ಮತ್ತು ಇತರ ಸ್ಥಳೀಯ ಡೇಟಾ ಮೂಲಗಳನ್ನು ನೀವು ಪರಿಶೀಲಿಸಲು ಇದು.
   ಲೆಕ್ಕಪರಿಶೋಧನೆಗಳು: ಪುಟ ಅಥವಾ ಅಪ್ಲಿಕೇಶನ್ನ ಹೊರೆ ಸಮಯ ಮತ್ತು ಸಾಮಾನ್ಯ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಉತ್ತಮಗೊಳಿಸುವ ಮಾರ್ಗಗಳನ್ನು ನೀಡುತ್ತದೆ.
6. ಐಪ್ಯಾಡ್, ಐಫೋನ್, ಮತ್ತು ಸ್ಯಾಮ್ಸಂಗ್ ಗ್ಯಾಲಕ್ಸಿಗಳಂತಹ ಹಲವು ಪ್ರಸಿದ್ಧವಾದ ಆಂಡ್ರಾಯ್ಡ್ ಮತ್ತು ಐಒಎಸ್ ಮಾದರಿಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಸುಮಾರು ಹನ್ನೆರಡು ಸಾಧನಗಳಲ್ಲಿ ಒಂದಾಗಿ ಕಾಣಿಸಿಕೊಳ್ಳುವಂತಹ ಸಿಮ್ಯುಲೇಟರ್ನಲ್ಲಿ ಸಕ್ರಿಯ ಪುಟವನ್ನು ವೀಕ್ಷಿಸಲು ಸಾಧನ ಮೋಡ್ ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ನಿಮ್ಮ ನಿರ್ದಿಷ್ಟ ಅಭಿವೃದ್ಧಿ ಅಥವಾ ಪರೀಕ್ಷೆಯ ಅಗತ್ಯಗಳಿಗೆ ಸರಿಹೊಂದುವಂತೆ ಕಸ್ಟಮ್ ಸ್ಕ್ರೀನ್ ನಿರ್ಣಯಗಳನ್ನು ಅನುಕರಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಕೂಡ ನಿಮಗೆ ನೀಡಲಾಗುತ್ತದೆ. ಸಾಧನದ ಮೋಡ್ ಅನ್ನು ಆನ್ ಮತ್ತು ಆಫ್ಗೆ ಟಾಗಲ್ ಮಾಡಲು, ಎಲಿಮೆಂಟ್ಸ್ ಟ್ಯಾಬ್ನ ಎಡಭಾಗದಲ್ಲಿರುವ ಮೊಬೈಲ್ ಫೋನ್ ಐಕಾನ್ ಅನ್ನು ಆಯ್ಕೆಮಾಡಿ.
7. ನಿಮ್ಮ ಡೆವಲಪರ್ ಪರಿಕರಗಳ ನೋಟ ಮತ್ತು ಭಾವನೆಯನ್ನು ನೀವು ಮೊದಲು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದು, ಮೊದಲು ಮೂರು ಲಂಬವಾಗಿ ಇರಿಸಲಾದ ಚುಕ್ಕೆಗಳು ಪ್ರತಿನಿಧಿಸುವ ಮೆನು ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ತಿಳಿಸಿದ ಟ್ಯಾಬ್ಗಳ ಬಲ ಭಾಗದಲ್ಲಿ ಇದೆ. ಈ ಡ್ರಾಪ್-ಡೌನ್ ಮೆನುವಿನಿಂದ, ನೀವು ಡಾಕ್ ಅನ್ನು ಮರುಹೊಂದಿಸಬಹುದು, ವಿವಿಧ ಸಾಧನಗಳನ್ನು ತೋರಿಸಬಹುದು ಅಥವಾ ಮರೆಮಾಡಬಹುದು ಮತ್ತು ಸಾಧನ ಇನ್ಸ್ಪೆಕ್ಟರ್ನಂತಹ ಹೆಚ್ಚಿನ ಸುಧಾರಿತ ವಸ್ತುಗಳನ್ನು ಪ್ರಾರಂಭಿಸಬಹುದು. ಈ ವಿಭಾಗದಲ್ಲಿ ಕಂಡುಬರುವ ಸೆಟ್ಟಿಂಗ್ಗಳ ಮೂಲಕ dev tools ಇಂಟರ್ಫೇಸ್ ಸ್ವತಃ ಹೆಚ್ಚು ಕಸ್ಟಮೈಸ್ ಆಗುತ್ತದೆ ಎಂದು ನೀವು ಕಾಣುತ್ತೀರಿ.

ಮೊಜ್ಹಿಲ್ಲಾ ಫೈರ್ ಫಾಕ್ಸ್

ಫೈರ್ಫಾಕ್ಸ್ನ ವೆಬ್ ಡೆವಲಪರ್ ವಿಭಾಗವು ವಿನ್ಯಾಸಕಾರರು, ಅಭಿವರ್ಧಕರು, ಮತ್ತು ಪರೀಕ್ಷಕರಿಗೆ ಶೈಲಿ ಸಂಪಾದಕ ಮತ್ತು ಪಿಕ್ಸೆಲ್-ಲಕ್ಷ್ಯದ ಕಣ್ಣುಗುಡ್ಡೆಯಂತಹ ಉಪಕರಣಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.

ಶಿಫಾರಸು ಮಾಡಲಾದ ಓದುವಿಕೆ: ಟಾಪ್ 25 ಗ್ರೀಸ್ಮಂಕಿ ಮತ್ತು ಟಾಪರ್ಮೋನ್ಕಿ ಬಳಕೆದಾರ ಸ್ಕ್ರಿಪ್ಟ್ಗಳು

1. ಫೈರ್ಫಾಕ್ಸ್ ಮುಖ್ಯ ಮೆನು ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ, ಮೂರು ಸಮತಲವಾಗಿರುವ ರೇಖೆಗಳಿಂದ ಪ್ರತಿನಿಧಿಸಲ್ಪಡುತ್ತದೆ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಂಡೋದ ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿ ಇದೆ.
2. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಡೆವಲಪರ್ ಎಂಬ ಹೆಸರಿನ ಐಕಾನ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿ. ಕೆಳಗಿನ ಆಯ್ಕೆಗಳನ್ನು ಹೊಂದಿರುವ ವೆಬ್ ಡೆವಲಪರ್ ಮೆನು ಈಗ ಪ್ರದರ್ಶಿಸಲ್ಪಡಬೇಕು. ಹೆಚ್ಚಿನ ಮೆನು ಐಟಂಗಳು ಅವರೊಂದಿಗೆ ಸಂಯೋಜಿತವಾಗಿರುವ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ಗಳನ್ನು ಹೊಂದಿರುವಿರಿ ಎಂದು ನೀವು ಗಮನಿಸಬಹುದು.
   ಟಾಗಲ್ ಟೂಲ್ಸ್: ಡೆವಲಪರ್ ಟೂಲ್ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ ಅಥವಾ ಮರೆಮಾಡುತ್ತದೆ, ಸಾಮಾನ್ಯವಾಗಿ ಬ್ರೌಸರ್ ವಿಂಡೋದ ಕೆಳಭಾಗದಲ್ಲಿ ಇರಿಸಲಾಗಿದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( ALT (ಆಯ್ಕೆ) + COMMAND + I ), ವಿಂಡೋಸ್ ( CTRL + SHIFT + I )
   ಇನ್ಸ್ಪೆಕ್ಟರ್: ಸಕ್ರಿಯ ಪುಟದಲ್ಲಿ ಮತ್ತು ದೂರಸ್ಥ ಡೀಬಗ್ ಮಾಡುವ ಮೂಲಕ ಪೋರ್ಟಬಲ್ ಸಾಧನದಲ್ಲಿ ಸಿಎಸ್ಎಸ್ ಮತ್ತು HTML ಕೋಡ್ ಅನ್ನು ಪರೀಕ್ಷಿಸಲು ಮತ್ತು / ಅಥವಾ ತಿರುಚಿಸಲು ನೀವು ಅನುಮತಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( ALT (ಆಯ್ಕೆ) + COMMAND + C ), ವಿಂಡೋಸ್ ( CTRL + SHIFT + C )
   ವೆಬ್ ಕನ್ಸೋಲ್: ನೀವು ಸಕ್ರಿಯ ಪುಟದಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಭಿವ್ಯಕ್ತಿಗಳನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಅನುಮತಿಸುತ್ತದೆ ಮತ್ತು ಭದ್ರತಾ ಎಚ್ಚರಿಕೆಗಳು, ನೆಟ್ವರ್ಕ್ ವಿನಂತಿಗಳು, CSS ಸಂದೇಶಗಳು ಮತ್ತು ಹೆಚ್ಚಿನವು ಸೇರಿದಂತೆ ವಿಭಿನ್ನವಾದ ಲಾಗ್ ಮಾಡಲಾದ ಡೇಟಾವನ್ನು ಪರಿಶೀಲಿಸಿ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( ALT (ಆಯ್ಕೆ) + COMMAND + K ), ವಿಂಡೋಸ್ ( CTRL + SHIFT + K )
   ಡೀಬಗರ್: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡಿಬಗ್ಗರ್ ನೀವು ಬ್ರೇಕ್ಪಾಯಿಂಟ್ಗಳನ್ನು ಹೊಂದಿಸಿ ದೋಷಗಳನ್ನು ಸರಿಪಡಿಸಲು ಮತ್ತು ಡಿಎಂಎಮ್ ನೋಡ್ಗಳನ್ನು ಪರಿಶೀಲಿಸುವುದು, ಕಪ್ಪು ಬಾಕ್ಸಿಂಗ್ ಬಾಹ್ಯ ಮೂಲಗಳು, ಮತ್ತು ಹೆಚ್ಚು. ಇನ್ಸ್ಪೆಕ್ಟರ್ನಂತೆಯೇ , ಈ ವೈಶಿಷ್ಟ್ಯವು ರಿಮೋಟ್ ಡಿಬಗ್ಗಿಂಗ್ ಅನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( ALT (ಆಯ್ಕೆ) + ಕಮಾಂಡ್ + ಎಸ್ ), ವಿಂಡೋಸ್ ( CTRL + SHIFT + S)
   ಶೈಲಿ ಸಂಪಾದಕ: ಹೊಸ ಶೈಲಿಯ ಸ್ಟೈಲ್ಶೀಟ್ಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಸಕ್ರಿಯ ವೆಬ್ ಪುಟದೊಂದಿಗೆ ಸಂಯೋಜಿಸಲು, ಅಥವಾ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಹಾಳೆಗಳನ್ನು ಸಂಪಾದಿಸಲು ಮತ್ತು ಕೇವಲ ಒಂದು ಕ್ಲಿಕ್ನೊಂದಿಗೆ ಬ್ರೌಸರ್ನಲ್ಲಿ ನಿಮ್ಮ ಬದಲಾವಣೆಗಳನ್ನು ಹೇಗೆ ನಿರೂಪಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X, ವಿಂಡೋಸ್ ( SHIFT + F7 )
   ಕಾರ್ಯಕ್ಷಮತೆ: ಸಕ್ರಿಯ ಪುಟದ ನೆಟ್ವರ್ಕ್ ಕಾರ್ಯಕ್ಷಮತೆ, ಫ್ರೇಮ್ ದರ ಡೇಟಾ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎಕ್ಸಿಕ್ಯೂಷನ್ ಸಮಯ ಮತ್ತು ಸ್ಥಿತಿ, ಬಣ್ಣ ಮಿನುಗುವಿಕೆ, ಮತ್ತು ಇನ್ನಷ್ಟು ವಿವರವಾದ ಸ್ಥಗಿತವನ್ನು ಒದಗಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X, ವಿಂಡೋಸ್ ( SHIFT + F5 )
   ನೆಟ್ವರ್ಕ್: ಅನುಗುಣವಾದ ವಿಧಾನ, ಮೂಲ ಡೊಮೇನ್, ಪ್ರಕಾರ, ಗಾತ್ರ ಮತ್ತು ಸಮಯ ಮುಗಿದ ಬ್ರೌಸರ್ನೊಂದಿಗೆ ಪ್ರಾರಂಭಿಸಿದ ಪ್ರತಿ ನೆಟ್ವರ್ಕ್ ವಿನಂತಿಯನ್ನು ಪಟ್ಟಿಮಾಡುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( ALT (ಆಯ್ಕೆ) + COMMAND + Q ), ವಿಂಡೋಸ್ ( CTRL + SHIFT + Q )
   ಡೆವಲಪರ್ ಟೂಲ್ಬಾರ್: ಸಂವಾದಾತ್ಮಕ ಆಜ್ಞಾ ಸಾಲಿನ ವಿವರಣೆಯನ್ನು ತೆರೆಯುತ್ತದೆ. ಲಭ್ಯವಿರುವ ಎಲ್ಲ ಆಜ್ಞೆಗಳ ಪಟ್ಟಿ ಮತ್ತು ಅವುಗಳ ಸರಿಯಾದ ಸಿಂಟ್ಯಾಕ್ಸ್ಗಾಗಿ ಇಂಟರ್ಪ್ರಿಟರ್ನಲ್ಲಿ ಸಹಾಯವನ್ನು ನಮೂದಿಸಿ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X, ವಿಂಡೋಸ್ ( SHIFT + F2 )
   ವೆಬ್ಡ್: ಫೈರ್ಫಾಕ್ಸ್ ಓಎಸ್ ಅಥವಾ ಫೈರ್ಫಾಕ್ಸ್ ಒಎಸ್ ಸಿಮುಲೇಟರ್ ಮೂಲಕ ನಿಜವಾದ ಸಾಧನದ ಮೂಲಕ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ರಚಿಸಲು ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X, ವಿಂಡೋಸ್ ( SHIFT + F8 )
   ಬ್ರೌಸರ್ ಕನ್ಸೋಲ್: ವೆಬ್ ಕನ್ಸೋಲ್ನಂತಹ ಕಾರ್ಯಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ (ಮೇಲೆ ನೋಡಿ). ಆದಾಗ್ಯೂ, ಕೇವಲ ಸಕ್ರಿಯ ವೆಬ್ ಪುಟಕ್ಕೆ ವಿರುದ್ಧವಾಗಿ ಎಲ್ಲಾ ಫೈರ್ಫಾಕ್ಸ್ ಅಪ್ಲಿಕೇಶನ್ ( ವಿಸ್ತರಣೆಗಳು ಮತ್ತು ಬ್ರೌಸರ್ ಮಟ್ಟದ ಕಾರ್ಯಗಳು ಸೇರಿದಂತೆ) ಹಿಂದಿರುಗಿದ ಎಲ್ಲಾ ಡೇಟಾ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( SHIFT + COMMAND + J ), ವಿಂಡೋಸ್ ( CTRL + SHIFT + J )
   ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ವೀಕ್ಷಿಸಿ: ಮಾತ್ರೆಗಳು ಮತ್ತು ಸ್ಮಾರ್ಟ್ಫೋನ್ಗಳು ಸೇರಿದಂತೆ ಅನೇಕ ಸಾಧನಗಳನ್ನು ಅನುಕರಿಸಲು ವಿಭಿನ್ನ ನಿರ್ಣಯಗಳು, ವಿನ್ಯಾಸಗಳು ಮತ್ತು ಪರದೆಯ ಗಾತ್ರಗಳಲ್ಲಿ ವೆಬ್ ಪುಟವನ್ನು ತಕ್ಷಣ ವೀಕ್ಷಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( ALT (ಆಯ್ಕೆ) + COMMAND + M ), ವಿಂಡೋಸ್ ( CTRL + SHIFT + M )
   ಐಡ್ರೊಪರ್: ಪ್ರತ್ಯೇಕವಾಗಿ ಆಯ್ಕೆ ಮಾಡಿದ ಪಿಕ್ಸೆಲ್ಗಳಿಗಾಗಿ ಹೆಕ್ಸ್ ಬಣ್ಣದ ಕೋಡ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
   ಸ್ಕ್ರ್ಯಾಚ್ಪ್ಯಾಡ್ : ಪಾಪ್-ಔಟ್ ಫೈರ್ಫಾಕ್ಸ್ ವಿಂಡೋ ಒಳಗೆ ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ನ ತುಣುಕುಗಳನ್ನು ಬರೆಯಲು, ಸಂಪಾದಿಸಲು, ಸಂಯೋಜಿಸಲು ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X, ವಿಂಡೋಸ್ ( SHIFT + F4 )
   ಪುಟ ಮೂಲ: ಮೂಲ ಬ್ರೌಸರ್ ಆಧಾರಿತ ಡೆವಲಪರ್ ಟೂಲ್, ಈ ಆಯ್ಕೆಯು ಸಕ್ರಿಯ ಪುಟಕ್ಕೆ ಲಭ್ಯವಿರುವ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಸರಳವಾಗಿ ಪ್ರದರ್ಶಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: ಮ್ಯಾಕ್ OS X ( COMMAND + U ), ವಿಂಡೋಸ್ ( CTRL + U )
   ಇನ್ನಷ್ಟು ಪರಿಕರಗಳನ್ನು ಪಡೆಯಿರಿ: ಮೊಜಿಲ್ಲಾದ ಅಧಿಕೃತ ಆಡ್-ಆನ್ಸ್ ಸೈಟ್ನಲ್ಲಿ ವೆಬ್ ಡೆವಲಪರ್ನ ಟೂಲ್ಬಾಕ್ಸ್ ಸಂಗ್ರಹವನ್ನು ತೆರೆಯುತ್ತದೆ, ಫೈರ್ಬಗ್ ಮತ್ತು ಗ್ರೀಸ್ಮಂಕಿ ಸೇರಿದಂತೆ ಸುಮಾರು ಒಂದು ಡಜನ್ ಜನಪ್ರಿಯ ವಿಸ್ತರಣೆಗಳನ್ನು ಇದು ಒಳಗೊಂಡಿದೆ.

ಮೈಕ್ರೋಸಾಫ್ಟ್ ಎಡ್ಜ್ / ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್

ಸಾಮಾನ್ಯವಾಗಿ ಎಫ್ 12 ಡೆವಲಪರ್ ಟೂಲ್ಸ್ ಎಂದು ಕರೆಯಲ್ಪಡುವ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ಗೆ ಗೌರವಾರ್ಥವಾಗಿ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ನ ಹಿಂದಿನ ಆವೃತ್ತಿಗಳಿಂದ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಲಾಗಿದೆ, ಐಇ11 ಮತ್ತು ಮೈಕ್ರೋಸಾಫ್ಟ್ ಎಡ್ಜ್ನಲ್ಲಿನ ದೇವ್ ಟೂಲ್ಸೆಟ್ ಅದರ ಆರಂಭದಿಂದಲೂ ಬಹಳ ಸುಲಭವಾದ ಗುಂಪನ್ನು ಮಾನಿಟರ್, ಡಿಬಗ್ಗರ್ಗಳು, ಎಮ್ಯುಲೇಟರ್ಗಳು ಮತ್ತು ಆನ್-ದಿ-ಫ್ಲೈ ಕಂಪೈಲರ್ಗಳು.

1. ಇನ್ನಷ್ಟು ಕಾರ್ಯಗಳ ಮೆನು ಕ್ಲಿಕ್ ಮಾಡಿ, ಮೂರು ಚುಕ್ಕೆಗಳು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ ಮತ್ತು ಬ್ರೌಸರ್ ವಿಂಡೋದ ಮೇಲ್ಭಾಗದ ಬಲ ಮೂಲೆಯಲ್ಲಿದೆ. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, F12 ಡೆವಲಪರ್ ಪರಿಕರಗಳನ್ನು ಲೇಬಲ್ ಮಾಡಿದ ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ. ನಾನು ಈಗಾಗಲೇ ಹೇಳಿದಂತೆ, ನೀವು F12 ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಮೂಲಕ ಉಪಕರಣಗಳನ್ನು ಪ್ರವೇಶಿಸಬಹುದು.
2. ಅಭಿವೃದ್ಧಿ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಈಗ ಪ್ರದರ್ಶಿಸಬೇಕಾಗಿದೆ, ವಿಶಿಷ್ಟವಾಗಿ ಬ್ರೌಸರ್ ವಿಂಡೋದ ಕೆಳಭಾಗದಲ್ಲಿ. ಕೆಳಕಂಡ ಉಪಕರಣಗಳು ಲಭ್ಯವಿವೆ, ಪ್ರತಿಯೊಂದೂ ಅದರ ಸಂಬಂಧಿತ ಟ್ಯಾಬ್ ಶಿರೋನಾಮೆ ಅಥವಾ ಅದರೊಂದಿಗೆ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ಬಳಸುವುದರ ಮೂಲಕ ಪ್ರವೇಶಿಸಬಹುದು.
   DOM ಎಕ್ಸ್ಪ್ಲೋರರ್: ನೀವು ಸಕ್ರಿಯ ಪುಟದಲ್ಲಿ ಸ್ಟೈಲ್ಶೀಟ್ಗಳನ್ನು ಮತ್ತು HTML ಸಂಪಾದಿಸಲು ಅನುಮತಿಸುತ್ತದೆ, ನೀವು ಹೋದಾಗ ಮಾರ್ಪಡಿಸಿದ ಫಲಿತಾಂಶಗಳನ್ನು ಸಲ್ಲಿಸುವುದು. ಅನ್ವಯಿಸುವ ಕೋಡ್ ಸ್ವಯಂಪೂರ್ಣತೆಗೆ ಇಂಟೆಲಿಸೆನ್ಸ್ ಕಾರ್ಯವನ್ನು ಬಳಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: (CTRL + 1)
   ಕನ್ಸೋಲ್: ಸಮಗ್ರ API ಮೂಲಕ ಕೌಂಟರ್ಗಳು, ಟೈಮರ್ಗಳು, ಕುರುಹುಗಳು ಮತ್ತು ಕಸ್ಟಮೈಸ್ ಮಾಡಲಾದ ಸಂದೇಶಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಡೀಬಗ್ ಮಾಡುವ ಮಾಹಿತಿಯನ್ನು ಸಲ್ಲಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ. ಸಹ, ನೀವು ಸಕ್ರಿಯ ವೆಬ್ ಪುಟಕ್ಕೆ ಕೋಡ್ ಸೇರಿಸುತ್ತವೆ ಮತ್ತು ನೈಜ ಸಮಯದಲ್ಲಿ ಪ್ರತ್ಯೇಕ ಚರಾಂಕಗಳ ನಿಗದಿಪಡಿಸಲಾಗಿದೆ ಮೌಲ್ಯಗಳನ್ನು ಮಾರ್ಪಡಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: (CTRL + 2)
   ಡಿಬಗ್ಗರ್: ಬ್ರೇಕ್ಪಾಯಿಂಟ್ಗಳನ್ನು ಹೊಂದಿಸಲು ಮತ್ತು ಅದನ್ನು ನಿರ್ವಹಿಸುವಾಗ ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಡಿಬಗ್ ಮಾಡಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ, ಅಗತ್ಯವಿದ್ದರೆ ಲೈನ್ ಮೂಲಕ ಲೈನ್ ಮಾಡಿ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: (CTRL + 3)
   ನೆಟ್ವರ್ಕ್: ಪ್ರೋಟೋಕಾಲ್ ವಿವರಗಳು, ವಿಷಯ ಪ್ರಕಾರ, ಬ್ಯಾಂಡ್ವಿಡ್ತ್ ಬಳಕೆಯನ್ನು ಒಳಗೊಂಡಂತೆ ಪುಟ ಲೋಡ್ ಮತ್ತು ಮರಣದಂಡನೆ ಸಮಯದಲ್ಲಿ ಬ್ರೌಸರ್ನಿಂದ ಪ್ರಾರಂಭಿಸಲಾದ ಪ್ರತಿ ನೆಟ್ವರ್ಕ್ ವಿನಂತಿಯನ್ನು ಪಟ್ಟಿಮಾಡುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: (CTRL + 4)
   ಕಾರ್ಯಕ್ಷಮತೆ: ಪುಟ ಲೋಡ್ ಬಾರಿ ಮತ್ತು ಇತರ ಚಟುವಟಿಕೆಗಳನ್ನು ವೇಗಗೊಳಿಸಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡಲು ವಿವರಗಳು ಫ್ರೇಮ್ ದರಗಳು, CPU ಬಳಕೆಯು ಮತ್ತು ಇತರ ಕಾರ್ಯಕ್ಷಮತೆ-ಸಂಬಂಧಿತ ಮೆಟ್ರಿಕ್ಸ್. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: (CTRL + 5)
   ಮೆಮೊರಿ: ನೀವು ವಿವಿಧ ವೆಬ್ ಕಾಲದ ಮೇಲೆ ಸಂಭಾವ್ಯ ಮೆಮೊರಿ ಸೋರಿಕೆಯನ್ನು ಪ್ರತ್ಯೇಕಿಸಿ ಮತ್ತು ಸರಿಪಡಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ ವಿವಿಧ ಸಮಯ ಮಧ್ಯಂತರಗಳಿಂದ ಸ್ನ್ಯಾಪ್ಶಾಟ್ಗಳ ಜೊತೆಗೆ ಮೆಮೊರಿ ಬಳಕೆಯ ಟೈಮ್ಲೈನ್ ​​ಅನ್ನು ಪ್ರದರ್ಶಿಸುವ ಮೂಲಕ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: (CTRL + 6)
   ಎಮ್ಯುಲೇಶನ್: ಸಕ್ರಿಯ ರೆಸಲ್ಯೂಶನ್ಗಳು ಮತ್ತು ಪರದೆಯ ಗಾತ್ರಗಳಲ್ಲಿ ಸಕ್ರಿಯ ಪುಟವು ಹೇಗೆ ಸ್ಮಾರ್ಟ್ಫೋನ್ಗಳು, ಮಾತ್ರೆಗಳು ಮತ್ತು ಇತರ ಸಾಧನಗಳನ್ನು ಅನುಕರಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ತೋರಿಸುತ್ತದೆ. ಬಳಕೆದಾರ ಏಜೆಂಟನ್ನು ಮತ್ತು ಪುಟದ ದೃಷ್ಟಿಕೋನವನ್ನು ಮಾರ್ಪಡಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ, ಜೊತೆಗೆ ಅಕ್ಷಾಂಶ ಮತ್ತು ರೇಖಾಂಶವನ್ನು ನಮೂದಿಸುವ ಮೂಲಕ ವಿಭಿನ್ನ ಜಿಯೋಲೋಕೇಶನ್ಗಳನ್ನು ಅನುಕರಿಸುತ್ತದೆ. ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್: (CTRL + 7)
3. ಯಾವುದೇ ಇತರ ಉಪಕರಣಗಳೊಳಗೆ ಕನ್ಸೋಲ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸಲು ಸ್ಕ್ವೇರ್ ಬಟನ್ ಮೇಲೆ ಬಲ ಬ್ರಾಕೆಟ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ, ಅಭಿವೃದ್ಧಿ ಉಪಕರಣಗಳ ಇಂಟರ್ಫೇಸ್ ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿದೆ.
4. ಅನ್ವೇಕ್ ಮಾಡಲು, ಡೆವಲಪರ್ ಟೂಲ್ ಇಂಟರ್ಫೇಸ್ ಆದ್ದರಿಂದ ಪ್ರತ್ಯೇಕ ವಿಂಡೋ ಆಗುತ್ತದೆ, ಎರಡು ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಆಯತಗಳಿಂದ ಪ್ರತಿನಿಧಿಸುವ ಬಟನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ ಅಥವಾ ಕೆಳಗಿನ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ಬಳಸಿ: CTRL + P. CTRL + P ಎರಡನೇ ಬಾರಿಗೆ ಒತ್ತುವುದರ ಮೂಲಕ ನೀವು ಸಾಧನಗಳನ್ನು ಅವುಗಳ ಮೂಲ ಸ್ಥಳದಲ್ಲಿ ಮತ್ತೆ ಇರಿಸಬಹುದು.

ಆಪಲ್ ಸಫಾರಿ (ಓಎಸ್ ಎಕ್ಸ್ ಮಾತ್ರ)

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

1. ನಿಮ್ಮ ಪರದೆಯ ಮೇಲಿರುವ ಬ್ರೌಸರ್ ಮೆನುವಿನಲ್ಲಿರುವ ಸಫಾರಿಯಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಪ್ರಾಶಸ್ತ್ಯಗಳನ್ನು ಆರಿಸಿ. ಈ ಮೆನು ಐಟಂನ ಸ್ಥಳದಲ್ಲಿ ಈ ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ನೀವು ಬಳಸಬಹುದು: COMMAND + COMMA (,)
2. ಸಫಾರಿಯ ಆದ್ಯತೆಗಳು ಇಂಟರ್ಫೇಸ್ ಈಗ ಪ್ರದರ್ಶಿಸಲ್ಪಡಬೇಕು, ನಿಮ್ಮ ಬ್ರೌಸರ್ ವಿಂಡೊವನ್ನು ಹರಡಿ. ಹೆಡರ್ನ ಬಲಗಡೆಯ ಬದಿಯಲ್ಲಿರುವ ಸುಧಾರಿತ ಐಕಾನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
3. ಸುಧಾರಿತ ಆದ್ಯತೆಗಳು ಈಗ ಗೋಚರಿಸಬೇಕು. ಈ ಪರದೆಯ ಕೆಳಭಾಗದಲ್ಲಿ ಪರಿಶೀಲನಾ ಪೆಟ್ಟಿಗೆಯೊಂದಿಗೆ ಮೆನು ಪಟ್ಟಿಯ ಶೋ ಶೋ ಡೆವಲಪ್ಮೆಂಟ್ ಮೆನು ಎಂದು ಕರೆಯಲ್ಪಡುತ್ತದೆ. ಬಾಕ್ಸ್ನಲ್ಲಿ ತೋರಿಸಿದ ಚೆಕ್ ಗುರುತು ಇಲ್ಲದಿದ್ದರೆ, ಅಲ್ಲಿ ಒಂದನ್ನು ಇರಿಸಲು ಒಮ್ಮೆ ಕ್ಲಿಕ್ ಮಾಡಿ.
4. ಮೇಲಿನ ಎಡಗೈ ಮೂಲೆಯಲ್ಲಿ ಕಂಡುಬರುವ ಕೆಂಪು 'x' ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ ಪ್ರಾಶಸ್ತ್ಯ ಇಂಟರ್ಫೇಸ್ ಮುಚ್ಚಿ.
5. ಬುಕ್ಮಾರ್ಕ್ಗಳು ಮತ್ತು ವಿಂಡೋಗಳ ನಡುವೆ ನೆಲೆಗೊಂಡಿರುವ ಡೆವಲಪ್ಮೆಂಟ್ ಎಂಬ ಬ್ರೌಸರ್ ಮೆನುವಿನಲ್ಲಿ ನೀವು ಹೊಸ ಆಯ್ಕೆಯನ್ನು ನೋಡಬೇಕು. ಈ ಮೆನು ಐಟಂ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ. ಈ ಕೆಳಗಿನ ಆಯ್ಕೆಗಳನ್ನು ಹೊಂದಿರುವ ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಈಗ ತೋರಿಸಲ್ಪಡಬೇಕು.
   ಇದರೊಂದಿಗೆ ಪುಟವನ್ನು ತೆರೆಯಿರಿ: ನಿಮ್ಮ ಮ್ಯಾಕ್ನಲ್ಲಿ ಪ್ರಸ್ತುತ ಸ್ಥಾಪಿಸಲಾದ ಇತರ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಒಂದಾದ ಸಕ್ರಿಯ ವೆಬ್ ಪುಟವನ್ನು ತೆರೆಯಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.
   ಬಳಕೆದಾರ ಏಜೆಂಟ್: ಕ್ರೋಮ್, ಫೈರ್ಫಾಕ್ಸ್ ಮತ್ತು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ನ ಹಲವಾರು ಆವೃತ್ತಿಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಸುಮಾರು ಹನ್ನೆರಡು ಪೂರ್ವ ನಿರ್ಧಾರಿತ ಬಳಕೆದಾರ ಏಜೆಂಟ್ ಮೌಲ್ಯಗಳಿಂದ ಆಯ್ಕೆ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ, ಜೊತೆಗೆ ನಿಮ್ಮ ಸ್ವಂತ ಕಸ್ಟಮ್ ಸ್ಟ್ರಿಂಗ್ ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಿ.
   ರೆಸ್ಪಾನ್ಸಿವ್ ಡಿಸೈನ್ ಮೋಡ್ ನಮೂದಿಸಿ: ವಿವಿಧ ಸಾಧನಗಳಲ್ಲಿ ಮತ್ತು ವಿಭಿನ್ನ ಪರದೆಯ ನಿರ್ಣಯಗಳಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುವಂತಹ ಪ್ರಸ್ತುತ ಪುಟವನ್ನು ಸಲ್ಲಿಸುತ್ತದೆ.
   ವೆಬ್ ಇನ್ಸ್ಪೆಕ್ಟರ್ ತೋರಿಸಿ: ನಿಮ್ಮ ಬ್ರೌಸರ್ ಪರದೆಯ ಕೆಳಭಾಗದಲ್ಲಿ ಇರಿಸಲಾಗಿರುವ ಮತ್ತು ಕೆಳಗಿನ ವಿಭಾಗಗಳನ್ನು ಒಳಗೊಂಡಿರುವ ಸಫಾರಿನ Dev ಸಾಧನಗಳಿಗೆ ಮುಖ್ಯ ಇಂಟರ್ಫೇಸ್ ಪ್ರಾರಂಭಿಸುತ್ತದೆ: ಎಲಿಮೆಂಟ್ಸ್ , ನೆಟ್ವರ್ಕ್ , ಸಂಪನ್ಮೂಲಗಳು , ಟೈಮ್ಲೈನ್ಗಳು , ಡಿಬಗ್ಗರ್ , ಸಂಗ್ರಹಣೆ , ಕನ್ಸೋಲ್ .
   ಶೋ ದೋಷ ಕನ್ಸೋಲ್: ದೋಷಗಳು, ಎಚ್ಚರಿಕೆಗಳು ಮತ್ತು ಇತರ ಶೋಧಿಸಬಹುದಾದ ಲಾಗ್ ಡೇಟಾವನ್ನು ಪ್ರದರ್ಶಿಸುವ ಕನ್ಸೋಲ್ ಟ್ಯಾಬ್ಗೆ ನೇರವಾಗಿ ಡೆವ್ ಟೂಲ್ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸುತ್ತದೆ.
   ಪುಟ ಮೂಲವನ್ನು ತೋರಿಸಿ: ಸಂಪನ್ಮೂಲಗಳ ಟ್ಯಾಬ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ, ಡಾಕ್ಯುಮೆಂಟ್ನಿಂದ ವರ್ಗೀಕರಿಸಲಾದ ಸಕ್ರಿಯ ಪುಟಕ್ಕಾಗಿ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಅದು ಪ್ರದರ್ಶಿಸುತ್ತದೆ.
   ಪುಟ ಸಂಪನ್ಮೂಲಗಳನ್ನು ತೋರಿಸಿ: ಶೋ ಪುಟ ಮೂಲ ಆಯ್ಕೆಯಾಗಿ ಅದೇ ಕಾರ್ಯವನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ.
   ಸ್ನಿಪ್ಪೆಟ್ ಎಡಿಟರ್ ಅನ್ನು ತೋರಿಸಿ: ಹೊಸ ವಿಂಡೋವನ್ನು ತೆರೆಯುತ್ತದೆ ಅಲ್ಲಿ ನೀವು CSS ಮತ್ತು HTML ಕೋಡ್ ಅನ್ನು ನಮೂದಿಸಬಹುದು, ಅದರಲ್ಲಿರುವ ಅದರ ಔಟ್ಪುಟ್ ಅನ್ನು ಪೂರ್ವವೀಕ್ಷಿಸಿ.
   ವಿಸ್ತರಣೆ ಬಿಲ್ಡರ್ ಅನ್ನು ತೋರಿಸಿ: CSS, HTML, ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ ಸಫಾರಿ ವಿಸ್ತರಣೆಗಳನ್ನು ರಚಿಸಲು ಅಥವಾ ಸಂಪಾದಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ.
   ಟೈಮ್ಲೈನ್ ​​ರೆಕಾರ್ಡಿಂಗ್ ಅನ್ನು ತೋರಿಸಿ: ಟೈಮ್ಲೈನ್ಸ್ ಟ್ಯಾಬ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ ಮತ್ತು ನೆಟ್ವರ್ಕ್ ವಿನಂತಿಗಳು, ಲೇಔಟ್ ಮತ್ತು ರೆಂಡರಿಂಗ್ ಮಾಹಿತಿಯನ್ನು ಹಾಗೆಯೇ ನೈಜ ಸಮಯದಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಎಕ್ಸಿಕ್ಯೂಶನ್ ಪ್ರದರ್ಶಿಸಲು ಪ್ರಾರಂಭವಾಗುತ್ತದೆ.
   ಖಾಲಿ ಕ್ಯಾಷ್ಗಳು: ನಿಮ್ಮ ಹಾರ್ಡ್ ಡ್ರೈವಿನಲ್ಲಿ ಪ್ರಸ್ತುತ ಸಂಗ್ರಹಿಸಿದ ಸಂಪೂರ್ಣ ಸಂಗ್ರಹವನ್ನು ಅಳಿಸುತ್ತದೆ.
   ಕ್ಯಾಶ್ಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ಕ್ಯಾಶಿಂಗ್ನಿಂದ ಸಫಾರಿ ನಿಲ್ಲುತ್ತದೆ, ಇದರಿಂದಾಗಿ ಪ್ರತಿಯೊಂದು ಪುಟ ಲೋಡ್ ಅನ್ನು ಸರ್ವರ್ನಿಂದ ಹಿಂಪಡೆಯಲಾಗುತ್ತದೆ.
   ಚಿತ್ರಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ಎಲ್ಲಾ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ರೆಂಡರಿಂಗ್ನಿಂದ ಚಿತ್ರಗಳನ್ನು ತಡೆಯುತ್ತದೆ.
   ಸ್ಟೈಲ್ಸ್ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸುತ್ತದೆ.
   ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ಎಲ್ಲಾ ಪುಟಗಳಲ್ಲಿ JavaScript ಎಕ್ಸಿಕ್ಯೂಶನ್ ಅನ್ನು ನಿರ್ಬಂಧಿಸಿ.
   ವಿಸ್ತರಣೆಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ಬ್ರೌಸರ್ನಲ್ಲಿ ಚಾಲನೆಯಲ್ಲಿರುವ ಎಲ್ಲಾ ಸ್ಥಾಪಿತ ವಿಸ್ತರಣೆಗಳನ್ನು ನಿಷೇಧಿಸುತ್ತದೆ.
   ಸೈಟ್-ನಿರ್ದಿಷ್ಟ ಹ್ಯಾಕ್ಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ಸಕ್ರಿಯ ವೆಬ್ ಪುಟಕ್ಕೆ ನಿರ್ದಿಷ್ಟವಾಗಿ ಸಮಸ್ಯೆಯನ್ನು (ಗಳನ್ನು) ನಿರ್ವಹಿಸಲು ಸಫಾರಿ ಮಾರ್ಪಡಿಸಿದರೆ, ಈ ಆಯ್ಕೆಯು ಆ ಬದಲಾವಣೆಯನ್ನು ನಿರ್ಬಂಧಿಸುತ್ತದೆ, ಇದರಿಂದಾಗಿ ಈ ಮಾರ್ಪಾಡುಗಳನ್ನು ಪರಿಚಯಿಸುವುದಕ್ಕೆ ಮುಂಚೆ ಪುಟ ಲೋಡ್ ಆಗುತ್ತದೆ.
   ಸ್ಥಳೀಯ ಫೈಲ್ ನಿರ್ಬಂಧಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: ನಿಮ್ಮ ಸ್ಥಳೀಯ ಡಿಸ್ಕ್ಗಳಲ್ಲಿನ ಫೈಲ್ಗಳಿಗೆ ಪ್ರವೇಶವನ್ನು ಹೊಂದಲು ಬ್ರೌಸರ್ಗೆ ಅವಕಾಶ ಮಾಡಿಕೊಡುತ್ತದೆ, ಭದ್ರತಾ ಕಾರಣಗಳಿಗಾಗಿ ಡೀಫಾಲ್ಟ್ ಆಗಿ ನಿರ್ಬಂಧಿಸಲಾದ ಕ್ರಿಯೆಯನ್ನು ಇದು ಅನುಮತಿಸುತ್ತದೆ.
   ಕ್ರಾಸ್-ಒರಿಜಿನ್ ನಿರ್ಬಂಧಗಳನ್ನು ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಿ: XSS ಮತ್ತು ಇತರ ಸಂಭವನೀಯ ಅಪಾಯಗಳನ್ನು ತಡೆಗಟ್ಟಲು ಈ ನಿರ್ಬಂಧಗಳನ್ನು ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಇರಿಸಲಾಗುತ್ತದೆ. ಆದಾಗ್ಯೂ, ಅಭಿವೃದ್ಧಿ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಅವರು ತಾತ್ಕಾಲಿಕವಾಗಿ ನಿಷ್ಕ್ರಿಯಗೊಳಿಸಬೇಕಾಗಿದೆ.
   ಸ್ಮಾರ್ಟ್ ಹುಡುಕಾಟ ಕ್ಷೇತ್ರದಿಂದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಅನುಮತಿಸಿ: ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನೊಂದಿಗೆ URL ಗಳನ್ನು ನಮೂದಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ : ನೇರವಾಗಿ ವಿಳಾಸ ಪಟ್ಟಿಯಲ್ಲಿ ಸೇರಿಸಲಾಗಿದೆ.
   ಅಸುರಕ್ಷಿತವಾಗಿ SHA-1 ಪ್ರಮಾಣಪತ್ರಗಳನ್ನು ಟ್ರೀಟ್ ಮಾಡಿ: SHA-1 ಕ್ರಮಾವಳಿಯನ್ನು ಬಳಸುವ SSL ಪ್ರಮಾಣಪತ್ರಗಳು ಹಳೆಯದಾದ ಮತ್ತು ದುರ್ಬಲ ಎಂದು ವ್ಯಾಪಕವಾಗಿ ಪರಿಗಣಿಸಲಾಗಿದೆ.