ಒಪೇರಾ ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ಪುಟ ಮೂಲವನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸಿ ಮತ್ತು ವಿಶ್ಲೇಷಿಸುವುದು

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

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

ವಿಂಡೋಸ್ ಬಳಕೆದಾರರು

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

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

ಸಕ್ರಿಯ ಪುಟ ಮತ್ತು ಅದರ ಅನುಗುಣವಾದ ಕೋಡ್ ಕುರಿತು ಆಳವಾದ ವಿವರಗಳನ್ನು ವೀಕ್ಷಿಸಲು, ಡೆವಲಪರ್ ಉಪ-ಮೆನುವಿನಿಂದ ಡೆವಲಪರ್ ಟೂಲ್ಗಳ ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ ಅಥವಾ ಈ ಕೆಳಗಿನ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಅನ್ನು ಬಳಸಿ: CTRL + SHIFT + I

ಮ್ಯಾಕ್ ಒಎಸ್ ಎಕ್ಸ್ ಮತ್ತು ಮ್ಯಾಕ್ಓಎಸ್ ಸಿಯೆರಾ ಬಳಕೆದಾರರು

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

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