ಪ್ರತಿ ಬ್ರೌಸರ್ನಲ್ಲಿ ವೆಬ್ ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು

ನೀವು ಓದುವ ವೆಬ್ ಪುಟವು ಇತರ ವಿಷಯಗಳ ಮೂಲ ಕೋಡ್ನೊಂದಿಗೆ ಮಾಡಲ್ಪಟ್ಟಿದೆ. ನಿಮ್ಮ ವೆಬ್ ಬ್ರೌಸರ್ ಡೌನ್ಲೋಡ್ಗಳು ಮತ್ತು ನೀವು ಇದೀಗ ಓದುವುದನ್ನು ಅನುವಾದಿಸುತ್ತದೆ.

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

ಕೆಲವರು ಮುಂದುವರಿದ ಕ್ರಿಯಾತ್ಮಕತೆಯನ್ನು ಮತ್ತು ರಚನೆಯನ್ನು ಕೂಡಾ ನೀಡುತ್ತಾರೆ, ಪುಟದಲ್ಲಿ HTML ಮತ್ತು ಇತರ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಕೋಡ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಗಮನಿಸಲು ಇದು ಸುಲಭವಾಗುತ್ತದೆ.

ಏಕೆ ನೀವು ಮೂಲ ಕೋಡ್ ನೋಡಲು ಬಯಸುವಿರಾ?

ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ನೋಡಲು ನೀವು ಏಕೆ ಹಲವು ಕಾರಣಗಳಿವೆ. ನೀವು ವೆಬ್ ಡೆವಲಪರ್ ಆಗಿದ್ದರೆ, ನೀವು ಬಹುಶಃ ಮತ್ತೊಂದು ಪ್ರೋಗ್ರಾಮರ್ನ ನಿರ್ದಿಷ್ಟ ಶೈಲಿ ಅಥವಾ ಅನುಷ್ಠಾನದಲ್ಲಿ ಕವರ್ಗಳ ಅಡಿಯಲ್ಲಿ ಒಂದು ಪೀಕ್ ತೆಗೆದುಕೊಳ್ಳಲು ಬಯಸುತ್ತೀರಿ. ಬಹುಶಃ ನೀವು ಗುಣಮಟ್ಟದ ಭರವಸೆಯಲ್ಲಿದ್ದರೆ ಮತ್ತು ವೆಬ್ ಪುಟದ ಕೆಲವು ಭಾಗವು ಅದು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿದೆ ಅಥವಾ ವರ್ತಿಸುತ್ತಿದೆ ಎಂಬುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸುತ್ತಿದ್ದಾರೆ.

ನಿಮ್ಮ ಸ್ವಂತ ಪುಟಗಳನ್ನು ಹೇಗೆ ಕೋಡ್ ಮಾಡುವುದು ಮತ್ತು ಕೆಲವು ನೈಜ-ಪ್ರಪಂಚದ ಉದಾಹರಣೆಗಳನ್ನು ಹುಡುಕುವುದು ಹೇಗೆ ಎಂದು ತಿಳಿಯಲು ನೀವು ಹರಿಕಾರರಾಗಿರಬಹುದು. ಸಹಜವಾಗಿ, ನೀವು ಈ ವರ್ಗಗಳಲ್ಲಿ ಯಾವುದಕ್ಕೂ ಬರುವುದಿಲ್ಲ ಮತ್ತು ಸಂಪೂರ್ಣ ಕುತೂಹಲದಿಂದ ಮೂಲವನ್ನು ವೀಕ್ಷಿಸಲು ಬಯಸಬಹುದು.

ನಿಮ್ಮ ಬ್ರೌಸರ್ ಆಯ್ಕೆಯಲ್ಲಿ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು ಎಂಬುದರ ಸೂಚನೆಗಳನ್ನು ಕೆಳಗೆ ಪಟ್ಟಿ ಮಾಡಲಾಗಿದೆ.

ಗೂಗಲ್ ಕ್ರೋಮ್

ಚಾಲನೆಯಲ್ಲಿರುವ: Chrome OS, Linux, MacOS, Windows

ಕ್ರೋಮ್ನ ಡೆಸ್ಕ್ಟಾಪ್ ಆವೃತ್ತಿಯು ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸಲು ಮೂರು ವಿಭಿನ್ನ ವಿಧಾನಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ, ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಮೊದಲ ಮತ್ತು ಅತಿ ಸರಳವಾದದ್ದು: CTRL + U ( COMMAND + ಆಯ್ಕೆಯನ್ನು + U ನಲ್ಲಿ ಮ್ಯಾಕ್ಒಎಸ್).

ಒತ್ತಿದಾಗ, ಈ ಶಾರ್ಟ್ಕಟ್ HTML ಮತ್ತು ಇತರ ಸಕ್ರಿಯ ಪುಟಕ್ಕೆ ಇತರ ಕೋಡ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸುವ ಹೊಸ ಬ್ರೌಸರ್ ಟ್ಯಾಬ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ. ಈ ಮೂಲವು ಬಣ್ಣ-ಕೋಡೆಡ್ ಮತ್ತು ರಚನೆಯಾಗಿದ್ದು, ಅದನ್ನು ನೀವು ಕಂಪಾರ್ಟ್ಟಲೈಸ್ ಮಾಡಲು ಮತ್ತು ನೀವು ಹುಡುಕುತ್ತಿರುವುದನ್ನು ಕಂಡುಹಿಡಿಯಲು ಸುಲಭವಾಗುತ್ತದೆ. Chrome ನ ವಿಳಾಸ ಪಟ್ಟಿಯಲ್ಲಿನ ಕೆಳಗಿನ ಪಠ್ಯವನ್ನು ನಮೂದಿಸುವುದರ ಮೂಲಕ ವೆಬ್ ಪುಟದ URL ನ ಎಡಭಾಗಕ್ಕೆ ಸೇರಿಸಲಾಗುತ್ತದೆ ಮತ್ತು Enter ಕೀಲಿಯನ್ನು ಹೊಡೆಯುವುದರ ಮೂಲಕ ನೀವು ಅಲ್ಲಿಗೆ ಹೋಗಬಹುದು: ವೀಕ್ಷಣೆ-ಮೂಲ: (ಅಂದರೆ, ವೀಕ್ಷಣೆ-ಮೂಲ: https: // www .).

ಮೂರನೆಯ ವಿಧಾನವೆಂದರೆ Chrome ನ ಡೆವಲಪರ್ ಪರಿಕರಗಳ ಮೂಲಕ, ಇದು ಪುಟದ ಕೋಡ್ಗೆ ಆಳವಾದ ಧುಮುಕುವುದನ್ನು ತೆಗೆದುಕೊಳ್ಳಲು ಮತ್ತು ಪರೀಕ್ಷೆಯ ಮತ್ತು ಅಭಿವೃದ್ಧಿ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಫ್ಲೈನಲ್ಲಿ ಅದನ್ನು ತಿರುಗಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಈ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ಬಳಸಿಕೊಂಡು ಡೆವಲಪರ್ ಟೂಲ್ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ತೆರೆಯಬಹುದು ಮತ್ತು ಮುಚ್ಚಬಹುದು: CTRL + SHIFT + I ( Command + ಆಯ್ಕೆಯನ್ನು + ನಾನು MacOS ನಲ್ಲಿ). ಈ ಕೆಳಗಿನ ಮಾರ್ಗವನ್ನು ತೆಗೆದುಕೊಳ್ಳುವ ಮೂಲಕ ನೀವು ಅವುಗಳನ್ನು ಪ್ರಾರಂಭಿಸಬಹುದು.

1. ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿರುವ ಮತ್ತು ಮೂರು ಲಂಬವಾಗಿ ಜೋಡಿಸಲಾದ ಚುಕ್ಕೆಗಳು ಪ್ರತಿನಿಧಿಸುವ Chrome ನ ಮುಖ್ಯ ಮೆನು ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ.
2. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ನಿಮ್ಮ ಮೌಸ್ ಕರ್ಸರ್ ಅನ್ನು ಇನ್ನಷ್ಟು ಪರಿಕರಗಳ ಆಯ್ಕೆಯ ಮೇಲಿದ್ದು.
3. ಉಪ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಡೆವಲಪರ್ ಟೂಲ್ಗಳ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ.

ಆಂಡ್ರಾಯ್ಡ್
ಆಂಡ್ರಾಯ್ಡ್ಗಾಗಿ Chrome ನಲ್ಲಿ ವೆಬ್ ಪುಟದ ಮೂಲವನ್ನು ನೋಡುವುದರಿಂದ ಕೆಳಗಿನ ಪಠ್ಯವನ್ನು ಅದರ ವಿಳಾಸದ (ಅಥವಾ URL) ಮುಂಭಾಗಕ್ಕೆ ಸೇರಿಸುವುದು ಮತ್ತು ಅದನ್ನು ಸಲ್ಲಿಸುವಾಗ ಸರಳವಾಗಿದೆ: ವೀಕ್ಷಣೆ-ಮೂಲ :. ಇದಕ್ಕೆ ಒಂದು ಉದಾಹರಣೆಯೆಂದರೆ ವೀಕ್ಷಣೆ ಮೂಲ: https: // www. . ಪ್ರಶ್ನೆಯ ಪುಟದಿಂದ HTML ಮತ್ತು ಇತರ ಕೋಡ್ ಅನ್ನು ಸಕ್ರಿಯ ವಿಂಡೋದಲ್ಲಿ ತಕ್ಷಣವೇ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ.

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

ಆಪ್ ಸ್ಟೋರ್ನಲ್ಲಿ $ 0.99 ಗೆ ಲಭ್ಯವಿದೆ, ಮೂಲವನ್ನು ವೀಕ್ಷಿಸಿ ಪುಟದ URL ಅನ್ನು ನಮೂದಿಸಲು ನಿಮ್ಮನ್ನು ಕೇಳುತ್ತದೆ (ಅಥವಾ ಅದನ್ನು Chrome ನ ವಿಳಾಸ ಪಟ್ಟಿಯಿಂದ ನಕಲಿಸಿ / ಅಂಟಿಸಿ, ಕೆಲವೊಮ್ಮೆ ತೆಗೆದುಕೊಳ್ಳುವ ಸರಳ ಮಾರ್ಗವಾಗಿದೆ) ಮತ್ತು ಅದು ಇಲ್ಲಿದೆ. ಎಚ್ಟಿಎಮ್ಎಲ್ ಮತ್ತು ಇತರ ಮೂಲ ಕೋಡ್ ಅನ್ನು ತೋರಿಸುವುದರ ಜೊತೆಗೆ, ಅಪ್ಲಿಕೇಶನ್ ವೈಯಕ್ತಿಕ ಪುಟ ಸ್ವತ್ತುಗಳನ್ನು, ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್ (ಡಿಒಎಮ್), ಜೊತೆಗೆ ಪುಟದ ಗಾತ್ರ, ಕುಕೀಗಳು ಮತ್ತು ಇತರ ಆಸಕ್ತಿದಾಯಕ ವಿವರಗಳನ್ನು ಪ್ರದರ್ಶಿಸುವ ಟ್ಯಾಬ್ಗಳನ್ನು ಸಹ ಹೊಂದಿದೆ.

ಮೈಕ್ರೋಸಾಫ್ಟ್ ಎಡ್ಜ್

ಚಾಲನೆಯಲ್ಲಿರುವ: ವಿಂಡೋಸ್

ಪ್ರಸ್ತುತ ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಅದರ ಡೆವಲಪರ್ ಟೂಲ್ಸ್ ಇಂಟರ್ಫೇಸ್ ಮೂಲಕ ವೀಕ್ಷಿಸಲು, ವಿಶ್ಲೇಷಿಸಲು ಮತ್ತು ಕುಶಲತೆಯಿಂದ ಕೂಡ ಎಡ್ಜ್ ಬ್ರೌಸರ್ ಅನುಮತಿಸುತ್ತದೆ. ಈ ಕೈಗೆಟಕುವ ಟೂಲ್ಸೆಟ್ ಅನ್ನು ಪ್ರವೇಶಿಸಲು ನೀವು ಈ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ಗಳಲ್ಲಿ ಒಂದನ್ನು ಬಳಸಬಹುದು: F12 ಅಥವಾ CTRL + U. ನೀವು ಮೌಸ್ ಬದಲಿಗೆ ಬಯಸಿದರೆ, ಎಡ್ಜ್ನ ಮೆನು ಬಟನ್ (ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿರುವ ಮೂರು ಚುಕ್ಕೆಗಳು) ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಪಟ್ಟಿಯಿಂದ F12 ಡೆವಲಪರ್ ಪರಿಕರಗಳ ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ.

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

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

ಚಾಲನೆಯಲ್ಲಿರುವ: ಲಿನಕ್ಸ್, ಮ್ಯಾಕ್ಓಒಎಸ್, ವಿಂಡೋಸ್

ಫೈರ್ಫಾಕ್ಸ್ನ ಡೆಸ್ಕ್ಟಾಪ್ ಆವೃತ್ತಿಯಲ್ಲಿ ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸಲು ನಿಮ್ಮ ಕೀಬೋರ್ಡ್ನಲ್ಲಿ CTRL + U (ಮ್ಯಾಕ್ಓಎಸ್ನಲ್ಲಿ COMMAND + U ) ಒತ್ತಿರಿ, ಅದು ಸಕ್ರಿಯ ವೆಬ್ ಪುಟಕ್ಕಾಗಿ HTML ಮತ್ತು ಇತರ ಕೋಡ್ ಅನ್ನು ಹೊಂದಿರುವ ಹೊಸ ಟ್ಯಾಬ್ ಅನ್ನು ತೆರೆಯುತ್ತದೆ.

ಕೆಳಗಿನ ಪಠ್ಯವನ್ನು ಫೈರ್ಫಾಕ್ಸ್ನ ವಿಳಾಸಕ್ಕೆ ಬಾರ್ನಲ್ಲಿ ನೇರವಾಗಿ ಪುಟದ URL ನ ಎಡಭಾಗದಲ್ಲಿ ಟೈಪ್ ಮಾಡುವುದರ ಮೂಲಕ, ಅದೇ ಮೂಲವನ್ನು ಪ್ರಸ್ತುತ ಟ್ಯಾಬ್ನಲ್ಲಿ ತೋರಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ: ವೀಕ್ಷಣೆ-ಮೂಲ: (ಅಂದರೆ, ವೀಕ್ಷಣೆ-ಮೂಲ: https: // www.) .

ಒಂದು ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಪ್ರವೇಶಿಸಲು ಇನ್ನೊಂದು ಮಾರ್ಗವೆಂದರೆ ಫೈರ್ಫಾಕ್ಸ್ನ ಡೆವಲಪರ್ ಪರಿಕರಗಳ ಮೂಲಕ, ಕೆಳಗಿನ ಹಂತಗಳನ್ನು ಅನುಸರಿಸುವ ಮೂಲಕ ಪ್ರವೇಶಿಸಬಹುದು.

1. ನಿಮ್ಮ ಬ್ರೌಸರ್ ವಿಂಡೋದ ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿರುವ ಮುಖ್ಯ ಮೆನು ಬಟನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಮೂರು ಸಮತಲವಾಗಿರುವ ರೇಖೆಗಳಿಂದ ಪ್ರತಿನಿಧಿಸಲಾಗುತ್ತದೆ.
2. ಪಾಪ್ ಔಟ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಡೆವಲಪರ್ "ವ್ರೆಂಚ್" ಐಕಾನ್ ಕ್ಲಿಕ್ ಮಾಡಿ.
3. ವೆಬ್ ಡೆವಲಪರ್ ಸಂದರ್ಭ ಮೆನು ಈಗ ಗೋಚರಿಸಬೇಕು. ಪುಟ ಮೂಲ ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ.

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

ಆಂಡ್ರಾಯ್ಡ್
ಫೈರ್ಫಾಕ್ಸ್ನ ಆಂಡ್ರಾಯ್ಡ್ ಆವೃತ್ತಿಯಲ್ಲಿ ಮೂಲ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸುವುದರಿಂದ ವೆಬ್ ಪುಟದ URL ಅನ್ನು ಪೂರ್ವ ಪಠ್ಯದೊಂದಿಗೆ ಮುಂದಿನ ಪಠ್ಯದೊಂದಿಗೆ ಸಾಧಿಸಬಹುದು: ವೀಕ್ಷಣೆ-ಮೂಲ :. ಉದಾಹರಣೆಗೆ, ಬ್ರೌಸರ್ನ ವಿಳಾಸ ಪಟ್ಟಿಯಲ್ಲಿ ನೀವು ಕೆಳಗಿನ ಪಠ್ಯವನ್ನು ಸಲ್ಲಿಸಲು ನೀವು HTML ಮೂಲವನ್ನು ವೀಕ್ಷಿಸಲು : ವೀಕ್ಷಣೆ-ಮೂಲ: https: // www. .

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

ಆಪಲ್ ಸಫಾರಿ

ಐಒಎಸ್ ಮತ್ತು ಮ್ಯಾಕ್ಓಎಸ್ನಲ್ಲಿ ಚಾಲನೆಯಾಗುತ್ತಿದೆ

ಐಒಎಸ್
ಐಒಎಸ್ಗಾಗಿ ಸಫಾರಿ ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ಪುಟ ಮೂಲವನ್ನು ವೀಕ್ಷಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಒಳಗೊಂಡಿಲ್ಲವಾದರೂ, ವೀಕ್ಷಕ ಮೂಲ ಅಪ್ಲಿಕೇಶನ್ನೊಂದಿಗೆ ಬ್ರೌಸರ್ ಅನ್ನು ಸರಾಗವಾಗಿ ಸಂಯೋಜಿಸುತ್ತದೆ - ಆಪ್ ಸ್ಟೋರ್ನಲ್ಲಿ $ 0.99 ಗೆ ಲಭ್ಯವಿದೆ.

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

ಸಕ್ರಿಯ ಪುಟದ ಮೂಲ ಕೋಡ್ನ ಬಣ್ಣ-ಕೋಡೆಡ್, ರಚನಾತ್ಮಕ ಪ್ರಾತಿನಿಧ್ಯವನ್ನು ಇದೀಗ ಪುಟ ಆಸ್ತಿಗಳು, ಲಿಪಿಗಳು ಮತ್ತು ಹೆಚ್ಚಿನವುಗಳನ್ನು ವೀಕ್ಷಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುವ ಇತರ ಟ್ಯಾಬ್ಗಳ ಜೊತೆಗೆ ಪ್ರದರ್ಶಿಸಬೇಕು.

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

1. ಪರದೆಯ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ ಬ್ರೌಸರ್ ಮೆನುವಿನಲ್ಲಿರುವ ಸಫಾರಿಯಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ.
2. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಆದ್ಯತೆಗಳ ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ.
3. ಸಫಾರಿಯ ಆದ್ಯತೆಗಳು ಈಗ ಗೋಚರಿಸಬೇಕು. ಉನ್ನತ ಸಾಲಿನ ಬಲ ಭಾಗದಲ್ಲಿ ಇರುವ ಸುಧಾರಿತ ಐಕಾನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
4. ಸುಧಾರಿತ ವಿಭಾಗದ ಕೆಳಭಾಗದಲ್ಲಿ ಖಾಲಿ ಚೆಕ್ಬಾಕ್ಸ್ನೊಂದಿಗೆ ಮೆನು ಪಟ್ಟಿಯ ಶೋ ಶೋ ಡೆವಲಪ್ಮೆಂಟ್ ಮೆನು ಎಂಬ ಆಯ್ಕೆಯಾಗಿದೆ. ಒಂದು ಚೆಕ್ ಮಾರ್ಕ್ ಅನ್ನು ಇರಿಸಲು ಒಮ್ಮೆ ಈ ಪೆಟ್ಟಿಗೆಯ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ, ಮತ್ತು ಮೇಲಿನ ಎಡಗೈ ಮೂಲೆಯಲ್ಲಿ ಕಂಡುಬರುವ ಕೆಂಪು 'x' ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದರ ಮೂಲಕ ಆದ್ಯತೆಗಳ ವಿಂಡೋವನ್ನು ಮುಚ್ಚಿ.
5. ಪರದೆಯ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ ಅಭಿವೃದ್ಧಿ ಮೆನುವಿನಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ.
6. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಪುಟ ಮೂಲವನ್ನು ತೋರಿಸು ಆಯ್ಕೆಮಾಡಿ. ಬದಲಿಗೆ ಈ ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ನೀವು ಬಳಸಬಹುದು: COMMAND + OPTION + U.

ಒಪೆರಾ

ಚಾಲನೆಯಲ್ಲಿರುವ: ಲಿನಕ್ಸ್, ಮ್ಯಾಕ್ಓಒಎಸ್, ವಿಂಡೋಸ್

ಒಪೇರಾ ಬ್ರೌಸರ್ನಲ್ಲಿ ಸಕ್ರಿಯ ವೆಬ್ ಪುಟದಿಂದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸಲು ಈ ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ಬಳಸಿ: CTRL + U ( COMMAND + OPTION + MACOS ನಲ್ಲಿ U ). ಬದಲಿಗೆ ಪ್ರಸ್ತುತ ಟ್ಯಾಬ್ನಲ್ಲಿ ಮೂಲವನ್ನು ಲೋಡ್ ಮಾಡಲು ನೀವು ಬಯಸಿದಲ್ಲಿ, ವಿಳಾಸಪಟ್ಟಿಯೊಳಗೆ ಪುಟದ ಎಡಭಾಗದಲ್ಲಿ ಕೆಳಗಿನ ಪಠ್ಯವನ್ನು ಟೈಪ್ ಮಾಡಿ ಮತ್ತು Enter : ವೀಕ್ಷಿಸಿ-ಮೂಲ: (ಅಂದರೆ, ವೀಕ್ಷಣೆ-ಮೂಲ: https: // www. ).

ಒಪೇರಾದ ಡೆಸ್ಕ್ಟಾಪ್ ಆವೃತ್ತಿಯು ನಿಮಗೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಮೂಲ, ಸಿಎಸ್ಎಸ್ ಮತ್ತು ಇತರ ಅಂಶಗಳನ್ನು ಅದರ ಸಂಯೋಜಿತ ಡೆವಲಪರ್ ಪರಿಕರಗಳನ್ನು ಬಳಸುವುದನ್ನು ವೀಕ್ಷಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ ನಿಮ್ಮ ಮುಖ್ಯ ಬ್ರೌಸರ್ ವಿಂಡೋದ ಬಲ ಭಾಗದಲ್ಲಿ ಈ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಪ್ರಾರಂಭಿಸಲು, ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ಒತ್ತಿರಿ: CTRL + SHIFT + I ( COMMAND + ಆಯ್ಕೆಯನ್ನು + ನಾನು MacOS ನಲ್ಲಿ).

ಒಪೇರಾದ ಡೆವಲಪರ್ ಟೂಲ್ಸೆಟ್ ಈ ಕೆಳಗಿನ ಹಂತಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುವ ಮೂಲಕ ಪ್ರವೇಶಿಸಬಹುದು.

1. ನಿಮ್ಮ ಬ್ರೌಸರ್ ವಿಂಡೋದ ಮೇಲ್ಭಾಗದ ಎಡ ಮೂಲೆಯಲ್ಲಿರುವ ಒಪೇರಾ ಲಾಂಛನವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
2. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ನಿಮ್ಮ ಮೌಸ್ ಕರ್ಸರ್ ಅನ್ನು ಇನ್ನಷ್ಟು ಪರಿಕರಗಳ ಆಯ್ಕೆಯ ಮೇಲಿದ್ದು.
3. ಶೋ ಡೆವಲಪರ್ ಮೆನು ಕ್ಲಿಕ್ ಮಾಡಿ.
4. ಮತ್ತೆ ಒಪೇರಾ ಲಾಂಛನವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
5. ಡ್ರಾಪ್-ಡೌನ್ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಡೆವಲಪರ್ ಮೇಲೆ ನಿಮ್ಮ ಕರ್ಸರ್ ಅನ್ನು ಸುಳಿದಾಡಿ.
6. ಉಪ ಮೆನು ಕಾಣಿಸಿಕೊಂಡಾಗ, ಡೆವಲಪರ್ ಟೂಲ್ಸ್ ಕ್ಲಿಕ್ ಮಾಡಿ.

ವಿವಾಲ್ಡಿ

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

ನೀವು ಈ ಕೆಳಗಿನ ಪಠ್ಯವನ್ನು ಪುಟದ URL ನ ಮುಂದೆ ಸೇರಿಸಬಹುದು, ಇದು ಪ್ರಸ್ತುತ ಟ್ಯಾಬ್ನಲ್ಲಿ ಸೋರ್ಸ್ ಕೋಡ್ ಅನ್ನು ತೋರಿಸುತ್ತದೆ: ವೀಕ್ಷಣೆ-ಮೂಲ :. ಇದಕ್ಕಾಗಿ ಒಂದು ಉದಾಹರಣೆ -ಮೂಲ: http: // www. .

ಇನ್ನೊಂದು ವಿಧಾನವು ಬ್ರೌಸರ್ನ ಸಮಗ್ರ ಡೆವಲಪರ್ ಪರಿಕರಗಳ ಮೂಲಕ, CTRL + SHIFT + I ಸಂಯೋಜನೆಯನ್ನು ಒತ್ತುವ ಮೂಲಕ ಅಥವಾ ಬ್ರೌಸರ್ನ ಟೂಲ್ಸ್ ಮೆನುವಿನಲ್ಲಿನ ಡೆವಲಪರ್ ಪರಿಕರಗಳ ಆಯ್ಕೆಯ ಮೂಲಕ ಸುಲಭವಾಗಿ ಪ್ರವೇಶಿಸಬಹುದು - ಮೇಲಿನ ಎಡಗೈ ಮೂಲೆಯಲ್ಲಿ 'V' ಲೋಗೋವನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವುದರ ಮೂಲಕ ಕಂಡುಬರುತ್ತದೆ. Dev tools ಅನ್ನು ಪುಟದ ಮೂಲದ ಹೆಚ್ಚು ಆಳವಾದ ವಿಶ್ಲೇಷಣೆಗಾಗಿ ಅನುಮತಿಸುತ್ತದೆ.