ಗೂಗಲ್ ಕ್ರೋಮ್ನಲ್ಲಿ HTML ಮೂಲವನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು

ಅದರ ಮೂಲ ಕೋಡ್ ಅನ್ನು ನೋಡುವ ಮೂಲಕ ವೆಬ್ಸೈಟ್ ನಿರ್ಮಿಸಲ್ಪಟ್ಟಿದೆ ಎಂಬುದನ್ನು ತಿಳಿಯಿರಿ

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

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

ಕೇವಲ HTML ಗಿಂತ ಹೆಚ್ಚು

ಮೂಲ ಫೈಲ್ಗಳು ಬಹಳ ಸಂಕೀರ್ಣವಾಗಬಹುದು (ಮತ್ತು ನೀವು ನೋಡುವ ವೆಬ್ಸೈಟ್ ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗಿದೆ, ಸೈಟ್ನ ಸಂಕೇತವು ಹೆಚ್ಚು ಸಂಕೀರ್ಣವಾಗಿರುತ್ತದೆ) ಎಂಬುದು ನೆನಪಿಡುವ ಒಂದು ವಿಷಯವಾಗಿದೆ. ನೀವು ನೋಡುವ ಪುಟವನ್ನು ರಚಿಸುವ HTML ರಚನೆಯ ಜೊತೆಗೆ, ಆ ಸೈಟ್ನ ದೃಶ್ಯ ಗೋಚರವನ್ನು ನಿರ್ದೇಶಿಸುವ CSS (ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಹಾಳೆಗಳು) ಸಹ ಇರುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ಇಂದು ಹಲವಾರು ವೆಬ್ಸೈಟ್ಗಳು ಎಚ್ಟಿಎಮ್ಎಲ್ ಜೊತೆಗೆ ಸೇರಿಸಲಾದ ಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ.

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

ಆದ್ದರಿಂದ ನೀವು ವೆಬ್ಸೈಟ್ನ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುತ್ತೀರಿ? Google Chrome ಬ್ರೌಸರ್ ಬಳಸಿ ಹಾಗೆ ಮಾಡಲು ಹಂತ-ಹಂತದ ಸೂಚನೆಗಳು ಇಲ್ಲಿವೆ.

ಹಂತದ ಸೂಚನೆಗಳು ಹಂತವಾಗಿ

1. Google Chrome ವೆಬ್ ಬ್ರೌಸರ್ ತೆರೆಯಿರಿ (ನೀವು Google Chrome ಅನ್ನು ಸ್ಥಾಪಿಸದಿದ್ದರೆ, ಇದು ಉಚಿತ ಡೌನ್ಲೋಡ್ ಆಗಿದೆ).
2. ನೀವು ಪರೀಕ್ಷಿಸಲು ಬಯಸುವ ವೆಬ್ ಪುಟಕ್ಕೆ ನ್ಯಾವಿಗೇಟ್ ಮಾಡಿ.
3. ಪುಟವನ್ನು ರೈಟ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಗೋಚರಿಸುವ ಮೆನುವನ್ನು ನೋಡಿ. ಆ ಮೆನುವಿನಿಂದ, ಪುಟ ಮೂಲವನ್ನು ವೀಕ್ಷಿಸಿ ಕ್ಲಿಕ್ ಮಾಡಿ.
4. ಆ ಪುಟದ ಮೂಲ ಕೋಡ್ ಇದೀಗ ಬ್ರೌಸರ್ನಲ್ಲಿ ಹೊಸ ಟ್ಯಾಬ್ನಂತೆ ಗೋಚರಿಸುತ್ತದೆ.
5. ಪರ್ಯಾಯವಾಗಿ, ಒಂದು ಸೈಟ್ನ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಪ್ರದರ್ಶಿಸಿದ ವಿಂಡೋವನ್ನು ತೆರೆಯಲು ಪಿಸಿನಲ್ಲಿ ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ಗಳ CTRL + U ಅನ್ನು ನೀವು ಬಳಸಬಹುದು. ಮ್ಯಾಕ್ನಲ್ಲಿ, ಈ ಶಾರ್ಟ್ಕಟ್ ಕಮಾಂಡ್ + Alt + U ಆಗಿದೆ .

ಡೆವಲಪರ್ ಪರಿಕರಗಳು

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

Chrome ನ ಡೆವಲಪರ್ ಪರಿಕರಗಳನ್ನು ಬಳಸಲು:

1. Google Chrome ತೆರೆಯಿರಿ.
2. ನೀವು ಪರೀಕ್ಷಿಸಲು ಬಯಸುವ ವೆಬ್ ಪುಟಕ್ಕೆ ನ್ಯಾವಿಗೇಟ್ ಮಾಡಿ.
3. ಬ್ರೌಸರ್ ವಿಂಡೋದ ಮೇಲಿನ ಬಲ ಮೂಲೆಯಲ್ಲಿ ಮೂರು ಸಾಲುಗಳನ್ನು ಹೊಂದಿರುವ ಐಕಾನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
4. ಮೆನುವಿನಿಂದ, ಇನ್ನಷ್ಟು ಉಪಕರಣಗಳನ್ನು ಸುಳಿದಾಡಿ ಮತ್ತು ನಂತರ ಕಾಣಿಸಿಕೊಳ್ಳುವ ಮೆನುವಿನಲ್ಲಿ ಡೆವಲಪರ್ ಪರಿಕರಗಳನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
5. ಇದು ಫಲಕದ ಎಡಭಾಗದಲ್ಲಿರುವ HTML ಮೂಲ ಕೋಡ್ ಮತ್ತು ಬಲಕ್ಕೆ ಸಂಬಂಧಿಸಿದ CSS ಅನ್ನು ತೋರಿಸುವ ವಿಂಡೋವನ್ನು ತೆರೆಯುತ್ತದೆ.
6. ಪರ್ಯಾಯವಾಗಿ, ನೀವು ವೆಬ್ ಪುಟದಲ್ಲಿ ಒಂದು ಅಂಶವನ್ನು ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ ಮತ್ತು ಕಾಣಿಸಿಕೊಳ್ಳುವ ಮೆನುವಿನಿಂದ ಪರಿಶೀಲಿಸು ಆಯ್ಕೆ ಮಾಡಿದರೆ, Chrome ನ ಡೆವಲಪರ್ ಪರಿಕರಗಳು ಪಾಪ್ ಅಪ್ ಆಗುತ್ತವೆ ಮತ್ತು ನೀವು ಆಯ್ಕೆಮಾಡಿದ ನಿಖರ ಅಂಶವು HTML ನಲ್ಲಿ ಹೈಲೈಟ್ ಮಾಡಲಾದ ಸೂಕ್ತವಾದ CSS ನೊಂದಿಗೆ ಬಲಕ್ಕೆ ತೋರಿಸಲ್ಪಡುತ್ತದೆ. ಸೈಟ್ನ ಒಂದು ನಿರ್ದಿಷ್ಟ ತುಣುಕು ಹೇಗೆ ರಚಿಸಲ್ಪಟ್ಟಿದೆ ಎಂಬುದರ ಕುರಿತು ನೀವು ಇನ್ನಷ್ಟು ತಿಳಿದುಕೊಳ್ಳಲು ಬಯಸಿದಲ್ಲಿ ಇದು ತುಂಬಾ ಸಹಾಯಕವಾಗಿರುತ್ತದೆ.

ಮೂಲ ಕೋಡ್ ಕಾನೂನು ವೀಕ್ಷಿಸುತ್ತಿದೆಯೇ?

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

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

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