ಹಾಟ್‌ಕೀಗಳಿಗಾಗಿ ಪುಟ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸಿ. html ಕೋಡ್ ಅನ್ನು ಎಲ್ಲಿ ಮರೆಮಾಡಲಾಗಿದೆ? ರೆಡಿಮೇಡ್ ಪೋಸ್ಟ್‌ಕಾರ್ಡ್ ಸೇವೆಗಳು

1 ಮತ

ಶುಭ ದಿನ, ಆತ್ಮೀಯ ಓದುಗರುನನ್ನ ಬ್ಲಾಗ್. ಕೆಲವೊಮ್ಮೆ ನೀವು ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಏನನ್ನಾದರೂ ಹುಡುಕುತ್ತೀರಿ ಸುಂದರ ಚಿಪ್ಮತ್ತು ಸೃಷ್ಟಿಕರ್ತನು ಅಂತಹ ಆಸಕ್ತಿದಾಯಕ ಪರಿಣಾಮವನ್ನು ಹೇಗೆ ಸಾಧಿಸಿದನು ಎಂಬ ಪ್ರಶ್ನೆಯು ಪೀಡಿಸಲು ಪ್ರಾರಂಭಿಸುತ್ತದೆ.

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

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

ಕೋಡ್‌ನ ಮೂಲ ಜ್ಞಾನ

ನನ್ನ ಸೈಟ್ ಆರಂಭಿಕರಿಗಾಗಿ ಉದ್ದೇಶಿಸಲಾಗಿದೆ ಮತ್ತು ಮೊದಲಿಗೆ ನಾನು ಸಾಮಾನ್ಯವಾಗಿ ಸೈಟ್ಗಳು ಮತ್ತು ಕೋಡ್ ಬಗ್ಗೆ ಸಂಕ್ಷಿಪ್ತವಾಗಿ ಮಾತನಾಡಲು ಬಯಸುತ್ತೇನೆ.

ಚಿತ್ರವನ್ನು ಸೆಳೆಯಲು, ನಂತರ ಅದನ್ನು ಸಣ್ಣ ಭಾಗಗಳಾಗಿ ಕತ್ತರಿಸಿ, ಕೋಡ್ ಅನ್ನು ಬರೆಯಿರಿ ಇದರಿಂದ ಬ್ರೌಸರ್ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಒಂದೇ ಒಟ್ಟಾರೆಯಾಗಿ ಜೋಡಿಸುತ್ತದೆ. ಎಲ್ಲವೂ ತುಂಬಾ ಜಟಿಲವಾಗಿದೆ ಎಂದು ತೋರುತ್ತದೆಯೇ? ಇಲ್ಲ, ಮತ್ತು ಅದರ ಬಗ್ಗೆ ದುಃಖಿಸುವುದರಲ್ಲಿ ಯಾವುದೇ ಅರ್ಥವಿಲ್ಲ.

ಉತ್ತಮ ಗುಣಮಟ್ಟದ ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಹೇಗೆ ರಚಿಸಲಾಗಿದೆ. ನೀವು ಬಯಸಿದರೆ, ಈ ವಿಷಯದಲ್ಲಿ ತೊಡಗಿಸಿಕೊಳ್ಳಿ ಮತ್ತು ನೀವು ಬಯಸದಿದ್ದರೆ, ಯಾರೂ ನಿಮ್ಮನ್ನು ಒತ್ತಾಯಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.

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

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

ವೆಬ್‌ಸೈಟ್‌ಗಳನ್ನು ಹೇಗೆ ತಯಾರಿಸಲಾಗುತ್ತದೆ? ತಾತ್ತ್ವಿಕವಾಗಿ, ಮೊದಲು. ಅವನು ಕೇವಲ ಚಿತ್ರ ಬಿಡಿಸುತ್ತಿದ್ದಾನೆ. ಉದಾಹರಣೆಗೆ, ಕೆಳಗಿನ ಚಿತ್ರದಲ್ಲಿ ತೋರಿಸಿರುವಂತೆ. ಸದ್ಯಕ್ಕೆ ಅದು ಕೇವಲ ಚಿತ್ರ, ಛಾಯಾಚಿತ್ರ. ಯಾವುದೇ ಲಿಂಕ್‌ಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುವುದಿಲ್ಲ, ನೀವು ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ನೀವು ಎಲ್ಲಿಯೂ ಹೋಗುವುದಿಲ್ಲ, ಯಾವುದೇ ಹುಡುಕಾಟವನ್ನು ಕೈಗೊಳ್ಳಲಾಗುವುದಿಲ್ಲ.

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

ಕೇವಲ 150 ಟ್ಯಾಗ್‌ಗಳಿವೆ ಮತ್ತು ಅವುಗಳಲ್ಲಿ ಪ್ರತಿಯೊಂದೂ ನಿರ್ದಿಷ್ಟ ಕ್ರಿಯೆಗೆ ಕಾರಣವಾಗಿದೆ: ಲಿಂಕ್, ಹೈಫನೇಶನ್, ದಪ್ಪ, ಬಣ್ಣ, ಶೀರ್ಷಿಕೆ, ಇತ್ಯಾದಿ. ನಿಮಗೆ ಬಯಕೆ ಇದ್ದರೆ ಮತ್ತು ಸಮಯವನ್ನು ಲೆಕ್ಕಿಸದಿದ್ದರೆ ಅವುಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ತುಂಬಾ ಕಷ್ಟವಲ್ಲ.

ಈ ಗುಣಲಕ್ಷಣಗಳ ಜ್ಞಾನಕ್ಕೆ ಧನ್ಯವಾದಗಳು, ನೀವು ಯಾವುದೇ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸಬಹುದು. ಆದರೆ ಪ್ರತಿಯೊಬ್ಬ ಡೆವಲಪರ್ ಗುರಿಯನ್ನು ಸಾಧಿಸಲು ತನ್ನದೇ ಆದ ಮಾರ್ಗಗಳನ್ನು ಕಂಡುಕೊಳ್ಳುತ್ತಾನೆ.

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

ಸ್ವಲ್ಪ ಸಮಯದ ನಂತರ, ನಾನು ನಿಮಗೆ ಒಂದು ನಿರ್ದಿಷ್ಟ ಉದಾಹರಣೆಯನ್ನು ತೋರಿಸುತ್ತೇನೆ.

ಕೋಡ್ ವೀಕ್ಷಿಸಿ

ಆದ್ದರಿಂದ, ನೀವು ಬೇರೆಯವರ html ಅನ್ನು ಕಂಡುಹಿಡಿಯಬೇಕಾದರೆ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸಬೇಕು ಎಂಬುದನ್ನು ನಾನು ಮೊದಲು ನಿಮಗೆ ತೋರಿಸುತ್ತೇನೆ. ನಂತರ ನಾವು ಎಲ್ಲಾ ಇತರ ಪ್ರಶ್ನೆಗಳನ್ನು ಹೆಚ್ಚು ವಿವರವಾಗಿ ನೋಡುತ್ತೇವೆ.

ಅತ್ಯುತ್ತಮ ಮಾರ್ಗ

ನಾನು ಮೊದಲು ವಿವರಿಸುವ ವಿಧಾನವು ಆರಂಭಿಕರಿಗಾಗಿ ಸ್ವಲ್ಪ ಸಂಕೀರ್ಣವಾಗಿದೆ, ಆದರೆ ಪರಿಚಯವಾಗಿ, ಅದನ್ನು ಓದಿ. ಪುಟವನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಬಲ ಮೌಸ್ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. "ಹೀಗೆ ಉಳಿಸು..." ಆಯ್ಕೆಮಾಡಿ

ಸಂಪೂರ್ಣ ವೆಬ್ ಪುಟವನ್ನು ಉಳಿಸಿ. ನೀವು ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ನಲ್ಲಿ ನೋಡುವಂತೆ, ನಾನು ಈಗಾಗಲೇ ಎಲ್ಲವನ್ನೂ ಮುಂಚಿತವಾಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಿದ್ದೇನೆ. ಇಲ್ಲಿ ನಾವು ಎರಡು ಫೋಲ್ಡರ್‌ಗಳನ್ನು ಹೊಂದಿದ್ದೇವೆ.

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

ಇದು ಗೂಗಲ್ ಕ್ರೋಮ್ ಆಗಿದೆ

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

ಹೊಸ ವಿಂಡೋದಲ್ಲಿ ಕೋಡ್‌ನ ಹಾಳೆ ತೆರೆಯುತ್ತದೆ, ಇದು ಹರಿಕಾರರಿಗೆ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ತುಂಬಾ ಕಷ್ಟ. ಆದರೆ ಸಮಯಕ್ಕಿಂತ ಮುಂಚಿತವಾಗಿ ಗಾಬರಿಯಾಗಬೇಡಿ.

ನೀವು ಕೇವಲ ಒಂದು ಅಂಶದ ಕೋಡ್ ಅನ್ನು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದರೆ, ಮೌಸ್ನೊಂದಿಗೆ ಅದರ ಮೇಲೆ ಸುಳಿದಾಡಿ ಮತ್ತು ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ. ಇನ್ನೊಂದು Chrome ಕಾರ್ಯವನ್ನು ಆಯ್ಕೆಮಾಡಿ: "ಎಲಿಮೆಂಟ್ ಕೋಡ್ ವೀಕ್ಷಿಸಿ".

ಉದಾಹರಣೆಗೆ, ಚಿತ್ರ ಅಥವಾ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆಯನ್ನು ಬಳಸಿಕೊಂಡು ಲೋಗೋವನ್ನು ಹೇಗೆ ತಯಾರಿಸಲಾಗಿದೆ ಎಂಬುದರ ಕುರಿತು ನಾನು ಆಸಕ್ತಿ ಹೊಂದಿರಬಹುದು? ಎಲ್ಲಾ ನಂತರ, ನೀವು ಒಂದು ಚೌಕವನ್ನು ಸೆಳೆಯಬಹುದು css ಸಹಾಯ. ಹೇಗೆ ಎಂದು ಅನೇಕ ತಜ್ಞರು ಸಲಹೆ ನೀಡುತ್ತಾರೆ ಹೆಚ್ಚಿನ ಮಾಹಿತಿಕೋಡ್ನಲ್ಲಿ ಬರೆಯಿರಿ. ಜನಪ್ರಿಯ ಸೈಟ್‌ಗಳಲ್ಲಿ ಅವರು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತಾರೆ?

ಆದ್ದರಿಂದ ಅದು ಕಾಣಿಸಿಕೊಂಡಿತು ಅಗತ್ಯ ಮಾಹಿತಿ. ಮೇಲೆ html, ಕೆಳಗೆ css. ಇವು ಎರಡು ಭಾಷೆಗಳು. ಮೊದಲನೆಯದು ಪಠ್ಯ ಘಟಕಕ್ಕೆ ಮತ್ತು ಎರಡನೆಯದು ವಿನ್ಯಾಸಕ್ಕೆ ಕಾರಣವಾಗಿದೆ. ಯಾವುದೇ CSS ಇಲ್ಲದಿದ್ದರೆ, ನೀವು ಪ್ರತಿ ಬಾರಿ ಬಣ್ಣ ಮತ್ತು ಫಾಂಟ್ ಗಾತ್ರವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬೇಕಾಗುತ್ತದೆ. ಪ್ರತಿ ಪುಟಕ್ಕೆ, ಇದು ತುಂಬಾ ಉದ್ದವಾಗಿದೆ. ಆದರೆ html ಇಲ್ಲದಿದ್ದರೆ, ನಾವು ಪಠ್ಯಗಳನ್ನು ಹೊಂದಿರುವುದಿಲ್ಲ. ನಾನು ಅದನ್ನು ಸ್ಥೂಲವಾಗಿ ವಿವರಿಸಿದೆ, ಆದರೆ ಸಾಮಾನ್ಯವಾಗಿ, ಅದು ಹೇಗೆ.

ಮೂಲಕ, ಇದು ಇಲ್ಲಿ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದರ ಕುರಿತು ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದರೆ, ಕೆಳಗಿನ ಚಿತ್ರಕ್ಕೆ ನೀವು ಲಿಂಕ್ ಅನ್ನು ನೋಡಬಹುದು. ನಿಮ್ಮ ಉತ್ತರ ಇಲ್ಲಿದೆ.

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

ನೀವು ಮಾಸ್ಟಿಕ್ನಲ್ಲಿ ಕೆಲಸ ಮಾಡಲು ಬಯಸಿದರೆ, ಎಲ್ಲವೂ ಒಂದೇ ಆಗಿರುತ್ತದೆ. ಪುಟವನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ಬಲ ಮೌಸ್ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. " ಮೂಲಪುಟಗಳು" ನೀವು ಸಂಪೂರ್ಣ ಕೋಡ್ ಅನ್ನು ನೋಡಲು ಬಯಸಿದರೆ.

ನೀವು ಅಂಶದ ಮೇಲೆ ಸುಳಿದಾಡಿದಾಗ, ನೀವು ಅದರ ಕೋಡ್ ಅನ್ನು ತೆರೆಯಬಹುದು.

ಇಲ್ಲಿ ಡೇಟಾವನ್ನು ಪರದೆಯ ಕೆಳಭಾಗದಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ, ಆದರೆ ಇಲ್ಲದಿದ್ದರೆ ಎಲ್ಲವೂ ಒಂದೇ ಆಗಿರುತ್ತದೆ.

ಯಾಂಡೆಕ್ಸ್ ಬ್ರೌಸರ್

Yandex ಬ್ರೌಸರ್ನಲ್ಲಿ, ಹಿಂದಿನ ಎರಡು ಆಯ್ಕೆಗಳಲ್ಲಿ ಎಲ್ಲವೂ ಒಂದೇ ಆಗಿರುತ್ತದೆ, ಪುಟವನ್ನು ತೆರೆಯಿರಿ, ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ, ಪುಟ ಕೋಡ್ ನೋಡಿ.

ನಾವು ಅದರ ಕೋಡ್ ಅನ್ನು ನಿಖರವಾಗಿ ಕಂಡುಹಿಡಿಯಲು ಬಯಸಿದರೆ ನಾವು ಕರ್ಸರ್ ಅನ್ನು ಅಂಶದ ಮೇಲೆ ಸುಳಿದಾಡುತ್ತೇವೆ.

Chrome ನಲ್ಲಿರುವಂತೆಯೇ ಎಲ್ಲವನ್ನೂ ಇಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ.

ಒಪೆರಾ

ಮತ್ತು ಅಂತಿಮವಾಗಿ, ಒಪೇರಾ.

ಅಂದಹಾಗೆ, ನೀವು ಮೌಸ್ ಬಳಸಬೇಕಾಗಿಲ್ಲ ಎಂದು ನೀವು ಗಮನಿಸಿರಬಹುದು. ಕೋಡ್ ತೆರೆಯಲು ಇದೆ ತ್ವರಿತ ಸಂಯೋಜನೆಕೀಗಳು ಮತ್ತು ಇದು ಎಲ್ಲಾ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಒಂದೇ ಆಗಿರುತ್ತದೆ: CTRL+U.

ಅಂಶಗಳಿಗಾಗಿ: Ctrl+Shift+C.

ಫಲಿತಾಂಶವು ಈ ರೀತಿ ಕಾಣುತ್ತದೆ.

ಆರಂಭಿಕರಿಗಾಗಿ ಇದು ಆಸಕ್ತಿದಾಯಕವಾಗಿರುತ್ತದೆ

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

ಈಗ ಅದನ್ನು ನಕಲಿಸಿ.

ನಾನು ಅದನ್ನು ಬಳಸುತ್ತೇನೆ, ಈ ಕೋಡ್ ಅನ್ನು ಅಂಟಿಸಿ ಹೊಸ htmlಫೈಲ್, ದೇಹದ ಟ್ಯಾಗ್‌ನಲ್ಲಿ (ಇಂಗ್ಲಿಷ್‌ನಲ್ಲಿ ದೇಹ).

ಈಗ ಅದು ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಹೇಗೆ ಕಾಣುತ್ತದೆ ಎಂದು ನೋಡೋಣ.

ಸಿದ್ಧವಾಗಿದೆ. ಪಠ್ಯವನ್ನು ಅಂಚುಗಳಿಗೆ ಜೋಡಿಸಲು ಮತ್ತು ಹಸಿರು ಬಣ್ಣವನ್ನು ಪಡೆಯಲು, ನೀವು ಇದಕ್ಕೆ ಸಂಪರ್ಕಿಸಬೇಕು css ಡಾಕ್ಯುಮೆಂಟ್ಮತ್ತು ನಾವು ಇದನ್ನು ಕದ್ದ ಸೈಟ್‌ನಿಂದ ಮತ್ತೊಂದು ಕೋಡ್ ಅನ್ನು ನಕಲಿಸಿ.

ನಾನು ಈಗ ಇದನ್ನು ಮಾಡುವುದಿಲ್ಲ. ಇದಕ್ಕೆ ಹೆಚ್ಚು ಸಮಯ ಬೇಕಾಗುತ್ತದೆ: ನನ್ನದು ಮತ್ತು ನಿಮ್ಮದು. ನನ್ನ ಮುಂದಿನ ಪ್ರಕಟಣೆಗಳಲ್ಲಿ ನಾನು ಎಲ್ಲಾ ವಿವರಗಳನ್ನು ವಿವರಿಸುತ್ತೇನೆ ಎಂದು ನಾನು ಭಾವಿಸುತ್ತೇನೆ. ಸುದ್ದಿಪತ್ರಕ್ಕೆ ಚಂದಾದಾರರಾಗಿ ಮತ್ತು ಲೇಖನವು ಕಾಣಿಸಿಕೊಂಡಾಗ ಮೊದಲು ತಿಳಿದುಕೊಳ್ಳಿ.

ನೀವು ಅದನ್ನು ನಿಲ್ಲಲು ಸಾಧ್ಯವಾಗದಿದ್ದರೆ, ಆದರೆ ಈಗ html ಮತ್ತು css ಕುರಿತು ಇನ್ನಷ್ಟು ತಿಳಿದುಕೊಳ್ಳಲು ಬಯಸಿದರೆ, ನಾನು ಸಾಂಪ್ರದಾಯಿಕವಾಗಿ ನಿಮಗೆ ಉಚಿತ ತರಬೇತಿ ಕೋರ್ಸ್‌ಗಳನ್ನು ಶಿಫಾರಸು ಮಾಡಬಹುದು.

html ಅನ್ನು ಕರಗತ ಮಾಡಿಕೊಳ್ಳಲು ನಿಮಗೆ ಅನುಮತಿಸುವ 33 ಪಾಠಗಳು ಇಲ್ಲಿವೆ - « ಉಚಿತ ಕೋರ್ಸ್ HTML ಮೂಲಕ" .

ಮತ್ತು ಇಲ್ಲಿ ಸಂಪೂರ್ಣ ಮಾಹಿತಿಸಿಎಸ್ಎಸ್ ಬಗ್ಗೆ - "ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ಉಚಿತ ಕೋರ್ಸ್ (45 ವೀಡಿಯೊ ಪಾಠಗಳು!)" .

ಈಗ ನಿಮಗೆ ಸ್ವಲ್ಪ ಹೆಚ್ಚು ತಿಳಿದಿದೆ. ನಿಮ್ಮ ಪ್ರಯತ್ನಗಳಲ್ಲಿ ನೀವು ಯಶಸ್ವಿಯಾಗಬೇಕೆಂದು ನಾನು ಬಯಸುತ್ತೇನೆ. ಮತ್ತೆ ಭೇಟಿ ಆಗೋಣ!

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

ಪುಟದ HTML ಕೋಡ್ ಯಾವುದು?

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

ವೆಬ್ ಪುಟವನ್ನು ಏಕೆ ಬದಲಾಯಿಸಬೇಕು?

ನೀವು ಸೈಟ್‌ನಲ್ಲಿ ಡೇಟಾವನ್ನು ಬದಲಾಯಿಸಬಹುದು, ಸಂದೇಶದ ಪಠ್ಯವನ್ನು ಬದಲಾಯಿಸಬಹುದು ಅಥವಾ ನಕಲಿ ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ಎಲ್ಲಾ ಬದಲಾವಣೆಗಳು ನಿಮಗೆ ಮಾತ್ರ ಗೋಚರಿಸುತ್ತವೆ ಮತ್ತು ನೀವು ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡಿದಾಗ ಅದು ಕಣ್ಮರೆಯಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ದಯವಿಟ್ಟು ಗಮನಿಸಿ. ಅಲ್ಲದೆ ಬದಲಾದ ಡೇಟಾ ನಿಜವಾಗುವುದಿಲ್ಲ. ಉದಾಹರಣೆಗೆ, ನನ್ನ ಬಳಿ 10 ಡಾಲರ್ ಇಲ್ಲದಿದ್ದರೆ ಮತ್ತು ನಾನು ಅದನ್ನು 100 ಕ್ಕೆ ಬದಲಾಯಿಸಿದರೆ, ನನ್ನ ಬಳಿ ಹೆಚ್ಚಿನ ಹಣ ಇರುವುದಿಲ್ಲ. ಇದು ಬ್ರೌಸರ್‌ನಿಂದ ಪುಟದ ಪ್ರದರ್ಶನವಾಗಿದೆ. ಉದಾಹರಣೆ:

ನಂತರ:

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

ತೆರೆಯುವ ವಿಂಡೋದಲ್ಲಿ, ಎಲಿಮೆಂಟ್ಸ್ ಟ್ಯಾಬ್ಗೆ ಹೋಗಿ ಮತ್ತು ಪುಟದ HTML ಕೋಡ್ ಅನ್ನು ನೋಡಿ. ಅದರಲ್ಲಿ ನಾವು ಆಸಕ್ತಿ ಹೊಂದಿರುವ ಪಠ್ಯವನ್ನು ಕಂಡುಹಿಡಿಯಬೇಕು. (ಕೆಂಪು ಬಣ್ಣದಲ್ಲಿ ಅಂಡರ್ಲೈನ್ ​​ಮಾಡಲಾಗಿದೆ)

ಈಗ ನಾನು ಹಳೆಯ ಪಠ್ಯವನ್ನು ಅಳಿಸುತ್ತೇನೆ ಮತ್ತು ಹೊಸದರಲ್ಲಿ ಬರೆಯುತ್ತೇನೆ.

ಅಷ್ಟೆ, ಘೋಷಣೆಯ ಶೀರ್ಷಿಕೆಯನ್ನು ಬದಲಾಯಿಸಲಾಗಿದೆ. ಈಗ ನಾನು ಪ್ರಕಟಣೆ, ಟ್ಯಾಗ್‌ಗಳು ಮತ್ತು ವರ್ಗವನ್ನು ಬದಲಾಯಿಸುತ್ತೇನೆ.

img ಟ್ಯಾಗ್‌ನಲ್ಲಿ src ಗುಣಲಕ್ಷಣವನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ನೀವು ಇನ್ನೊಂದು ಚಿತ್ರವನ್ನು ಸೇರಿಸಬಹುದು.

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

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

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

ಆದ್ದರಿಂದ ನೀವು Chrome ನಲ್ಲಿ ಪುಟ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸಬಹುದು, ನೀವು ಆಸಕ್ತಿ ಹೊಂದಿರುವ ಸೈಟ್‌ಗೆ ಹೋಗಬೇಕು ಮತ್ತು ಈ ಕೆಳಗಿನ ಹಂತಗಳನ್ನು ನಿರ್ವಹಿಸಬೇಕು:


ಈ ಎರಡು ಐಟಂಗಳು ಬಳಕೆದಾರ, ಪ್ರೋಗ್ರಾಮರ್ ಅಥವಾ ಹ್ಯಾಕರ್‌ಗಾಗಿ ಅವುಗಳ ಕ್ರಿಯಾತ್ಮಕತೆ ಮತ್ತು ಮಾಹಿತಿಯಲ್ಲಿ ಭಿನ್ನವಾಗಿರುತ್ತವೆ.

ಪುಟ ಕೋಡ್ ಮತ್ತು ಕೇವಲ "ಕೋಡ್ ವೀಕ್ಷಿಸಿ" ಆಜ್ಞೆಯ ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು?

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

ಆದರೆ ಸರಾಸರಿ ಬಳಕೆದಾರರಿಗೆ ವಿವರಿಸಿ, ಈ ಕಾರ್ಯಗಳನ್ನು ಈ ಕೆಳಗಿನ ಉದ್ದೇಶಗಳಾಗಿ ವಿಂಗಡಿಸಬಹುದು:

  1. ಪುಟದ ಮುಖ್ಯ ಸಂಯೋಜನೆಯನ್ನು ನೋಡಲು "ಪುಟ ಕೋಡ್ ವೀಕ್ಷಿಸಿ" ಮಾತ್ರ ಅಗತ್ಯ. ಮೂಲಭೂತವಾಗಿ, ಇದು ಸೈಟ್ನ ರಚನೆಯಾಗಿದೆ (ಇಲ್ಲದೆ ಹೆಚ್ಚುವರಿ ಮಾದರಿಗಳುಎಂದು CSS ಫೈಲ್‌ಗಳುಮತ್ತು ಸೈಟ್ ರಚನೆಕಾರರ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ಉಳಿದಿರುವ ಇತರ ಸೇರ್ಪಡೆಗಳು). ಈ ರಚನೆರಚಿಸಲು ಸೂಕ್ತವಲ್ಲ ಸ್ವಂತ ಪುಟ"ಕಾಪಿ-ಪೇಸ್ಟ್" ಮೂಲಕ, ಆದರೆ ಗೂಗಲ್ ಕ್ರೋಮ್ ಬ್ರೌಸರ್‌ನಲ್ಲಿರುವ ಸೈಟ್‌ಗೆ ಅಂತಹ ಬಾಹ್ಯ ವಿನ್ಯಾಸವನ್ನು ಹೊಂದಲು ಪ್ರೋಗ್ರಾಮರ್ ನಿಖರವಾಗಿ ಏನು ಮಾಡಿದ್ದಾರೆ ಮತ್ತು ಯಾವ ಅನುಕ್ರಮದಲ್ಲಿ ಎಂಬುದನ್ನು ನೋಡಲು ಇದು ನಿಮ್ಮನ್ನು ಅನುಮತಿಸುತ್ತದೆ.
  2. "ವೀಕ್ಷಣೆ ಕೋಡ್" ವಿವರವಾದ ರಚನೆಯನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ, ಪುಟದಲ್ಲಿ ಪರಿಣಾಮ ಬೀರುವ ಎಲ್ಲಾ ಪ್ರದೇಶಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ. ನೀವು ನಿರ್ದಿಷ್ಟ ಪಟ್ಟಿ ಕೋಡ್ ಮೇಲೆ ಸುಳಿದಾಡಿದರೆ, ಅದು ಸೇರಿರುವ ಸೈಟ್‌ನಲ್ಲಿ ಅಂಶವನ್ನು ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ.
  3. ಪುಟ ಕೋಡ್ ಅನ್ನು ನೋಡುವುದರಿಂದ ಅದನ್ನು ಸಂಪಾದಿಸುವ ಸಾಮರ್ಥ್ಯವಿಲ್ಲದೆ ಪ್ರತ್ಯೇಕ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ. ಅಂದರೆ, ಸೈಟ್ ಕೋಡ್ ಅನ್ನು ನಕಲಿಸಲು ಮತ್ತು ಓದಲು ಮಾತ್ರ ಇದು ಸೂಕ್ತವಾಗಿದೆ. ಆದರೆ ಇದು ಕಡಿಮೆ ಉಪಯುಕ್ತ ಕಾರ್ಯವಲ್ಲ.
  4. "ವೀಕ್ಷಣೆ ಕೋಡ್" ಬದಲಾಗಬಲ್ಲದು ಮತ್ತು ನಿಮಗೆ ಅನುಕೂಲಕರವಾದ ರೀತಿಯಲ್ಲಿ ನೀವು ಯಾವುದೇ ಅಂಶವನ್ನು ಸಂಪಾದಿಸಬಹುದು. ಸಹಜವಾಗಿ, ಪುಟವನ್ನು ರಿಫ್ರೆಶ್ ಮಾಡುವವರೆಗೆ ಈ ಎಲ್ಲಾ ಬದಲಾವಣೆಗಳು "ಲೈವ್" ಆಗುತ್ತವೆ, ಆದರೆ ಕೆಲವೊಮ್ಮೆ ಆ ಸೆಟ್ಟಿಂಗ್‌ಗಳ ಮೂಲಕ ಹೋಗಲು ವಿನೋದಮಯವಾಗಿರುತ್ತದೆ ಮತ್ತು ಈ ಅಥವಾ ಆ ಮೌಲ್ಯ ಏಕೆ ಬೇಕು ಮತ್ತು ನೀವು ಅದನ್ನು ಬದಲಾಯಿಸಿದರೆ ಏನಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಿ. ಅಂತಹ ಕ್ರಿಯೆಗಳಿಂದ ನೀವು ನಿಮ್ಮನ್ನು ಅಥವಾ ಸೈಟ್ಗೆ ಹಾನಿ ಮಾಡುತ್ತೀರಿ ಎಂದು ನೀವು ಊಹಿಸಬಾರದು - ಈ ಬದಲಾವಣೆಗಳು ನಿಮ್ಮ Google Chrome ನ ಕೋಡ್ ಅನ್ನು ಮಾತ್ರ ಪರಿಣಾಮ ಬೀರುತ್ತವೆ ಮತ್ತು ಆನ್ಲೈನ್ಗೆ ಹೋಗಬೇಡಿ.

ಎಲಿಮೆಂಟ್ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ವೀಕ್ಷಿಸುವುದು ಎಂಬ ಪ್ರಶ್ನೆಯನ್ನು ನಾವು ಪರಿಗಣಿಸುತ್ತಿದ್ದೇವೆ

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

ಎಲಿಮೆಂಟ್ ಕೋಡ್‌ನ ಕಾರ್ಯವು ತುಂಬಾ ವಿಸ್ತಾರವಾಗಿದೆ, ಆದ್ದರಿಂದ ನಾವು Google Chrome ಬ್ರೌಸರ್ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ಪದಗಳಲ್ಲಿ ಒಂದನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತೇವೆ. ನಾವು ಏನನ್ನು ಪರಿಗಣಿಸಲು ಬಯಸಿದ್ದೇವೆ ಕೀವರ್ಡ್ಗಳು(ಕೋಡ್‌ನಲ್ಲಿ ಇದನ್ನು "ಕೀವರ್ಡ್‌ಗಳು" ಎಂದು ಬರೆಯಲಾಗುತ್ತದೆ) ನಮ್ಮ ಸೈಟ್‌ಗಾಗಿ ಬಳಸಲಾಗಿದೆ. ಇದನ್ನು ಮಾಡಲು, ನಾವು ಈ ಕೆಳಗಿನ ಅಲ್ಗಾರಿದಮ್ ಅನ್ನು ನಿರ್ವಹಿಸುತ್ತೇವೆ:

Google Chrome ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಈ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಬಳಸಲು ಇತರ ಮಾರ್ಗಗಳು

ಸಾಮಾನ್ಯವಾಗಿ, ಒಂದು ಅಂಶದ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ನೋಡಬೇಕು ಮತ್ತು ಅದು ಏಕೆ ಬೇಕು ಎಂಬ ಪ್ರಶ್ನೆಗೆ ಉತ್ತರಿಸುವುದನ್ನು ಮುಂದುವರಿಸಿ, ನೀವು ಅದರ ಕಾರ್ಯಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಬೇಕು. ಅವುಗಳೆಂದರೆ, Google Chrome ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಯಾವುದೇ ಸೈಟ್‌ನ ಅಂಶದ ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸುವ ಸಾಮರ್ಥ್ಯಕ್ಕೆ ಧನ್ಯವಾದಗಳು, ನಾವು:

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

ಇದು ಯಾವುದೇ ರೀತಿಯ ಸೀಮಿತ ಪಟ್ಟಿಯಲ್ಲ. ಆದರೆ ವಿಶೇಷ ಜ್ಞಾನವಿಲ್ಲದೆ ನೀವು ಕೋಡ್ ಅನ್ನು "ಓದಬಹುದು" ಎಂದು ನೆನಪಿಸಿಕೊಳ್ಳಬೇಕು Google ಪುಟಗಳು Chrome ಬಹುತೇಕ ಅಸಾಧ್ಯವಾಗಿದೆ ಮತ್ತು ಡೇಟಾವನ್ನು ಪಡೆಯಲಾಗಿದೆ ಸರಾಸರಿ ಬಳಕೆದಾರರಿಗೆಪ್ರಾಯೋಗಿಕವಾಗಿ ಅಗತ್ಯವಿಲ್ಲ.

ಐಟಂ "ಅಂಶ ಕೋಡ್ ವೀಕ್ಷಿಸಿ" ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ

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

  • ಬಳಕೆದಾರರ ಪ್ರೊಫೈಲ್ ದೋಷಪೂರಿತವಾಗಿದೆ;
  • ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಮಾಲ್ವೇರ್ನ ಉಪಸ್ಥಿತಿ;
  • ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಹೆಚ್ಚಿಸಲು ನಿರ್ದಿಷ್ಟ ವಿಸ್ತರಣೆಯಿಂದ ನಿರ್ಬಂಧಿಸುವುದು (ಇದು ಸಹ ಸಂಭವಿಸಬಹುದು).

ಹಾನಿಗೊಳಗಾದ ಬಳಕೆದಾರರ ಪ್ರೊಫೈಲ್ ಅನ್ನು ಸರಿಪಡಿಸುವುದು

ರಚಿಸಲು ಹೊಸ ಪ್ರೊಫೈಲ್, ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ನಿಂದ ನೀವು ಹಳೆಯದನ್ನು ತೆಗೆದುಹಾಕಬೇಕಾಗಿದೆ. ಇದನ್ನು ಮಾಡಲು ನಾವು ಈ ಕೆಳಗಿನವುಗಳನ್ನು ಮಾಡುತ್ತೇವೆ:

  1. Google Chrome ಅನ್ನು ಮುಚ್ಚಿ ಮತ್ತು ಅಂತರ್ನಿರ್ಮಿತವನ್ನು ಪ್ರಾರಂಭಿಸಿ ವಿಂಡೋಸ್ ಬ್ರೌಸರ್ಪರಿಶೋಧಕ.
  2. ನಮೂದಿಸಿ ವಿಳಾಸ ಪಟ್ಟಿಕೆಳಗಿನ ಆಜ್ಞೆ: %LOCALAPPDATA%\Google\Chrome\User Data\.
  3. ಡೈರೆಕ್ಟರಿ ತೆರೆದಾಗ, "ಡೀಫಾಲ್ಟ್" ಫೋಲ್ಡರ್ ಅನ್ನು ನೋಡಿ ಮತ್ತು ಅದರ ಹೆಸರಿಗೆ "ಬ್ಯಾಕಪ್" ಅನ್ನು ಸೇರಿಸಿ ಇದರಿಂದ ಅದು ಈ ರೀತಿ ಕಾಣುತ್ತದೆ: "ಬ್ಯಾಕಪ್ ಡೀಫಾಲ್ಟ್".
  4. ಈಗ, ಕ್ರೋಮ್ ಬ್ರೌಸರ್ ಅನ್ನು ಮರುಪ್ರಾರಂಭಿಸಿದ ನಂತರ, ಹೊಸ ಪ್ರೊಫೈಲ್ ಅನ್ನು ರಚಿಸಲಾಗುತ್ತದೆ.

ನಾವು ಮಾಲ್ವೇರ್ ಅಥವಾ ಅದರ ಅವಶೇಷಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತೇವೆ

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

  1. ತೆರೆಯಲಾಗುತ್ತಿದೆ ಆಜ್ಞಾ ಸಾಲಿನವಿಂಡೋಸ್ ("ರನ್") ಮತ್ತು ಅಲ್ಲಿ "cmd" ಆಜ್ಞೆಯನ್ನು ನಮೂದಿಸಿ.
  2. ಕೆಳಗಿನ ಆಜ್ಞೆಯನ್ನು ಸಾಲಿನಲ್ಲಿ ನಮೂದಿಸಿ: RD / S / Q "% WinDir%\System32\GroupPolicyUsers".
  3. ಕ್ರಿಯೆಯನ್ನು ದೃಢೀಕರಿಸಿದ ನಂತರ, ಇದನ್ನು ನಮೂದಿಸಿ: RD /S /Q "% WinDir%\System32\GroupPolicy".
  4. ಈಗ "gpupdate /force" (ಉಲ್ಲೇಖಗಳಿಲ್ಲದೆ).

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

ದೀರ್ಘಕಾಲದವರೆಗೆ, "ಪುಟದ ಮೂಲವನ್ನು ತೋರಿಸು" ಆಯ್ಕೆಯು ನನಗೆ ಅನುಪಯುಕ್ತ ಮತ್ತು ಆಸಕ್ತಿರಹಿತವಾಗಿತ್ತು. ವಿದಾಯ HTML ಕಲಿಕೆಕೋಡ್‌ಕಾಡೆಮಿಯಲ್ಲಿ ಮತ್ತು ನನ್ನ ಸ್ವಂತ ವೆಬ್‌ಸೈಟ್‌ಗಳ ವಿನ್ಯಾಸವು ನನ್ನ ಹೊಸ ಹವ್ಯಾಸವಾಗಿ ಬೆಳೆಯಲಿಲ್ಲ. ಇಲ್ಲಿ ಪ್ರಶ್ನೆ ಉದ್ಭವಿಸಿದೆ: ನೈಜ ಪ್ರಕರಣಗಳನ್ನು ಎಲ್ಲಿ ಕಂಡುಹಿಡಿಯಬೇಕು ಮತ್ತು ಸಾಲ ಪಡೆಯುವುದು ಆಸಕ್ತಿದಾಯಕ ಪರಿಹಾರಗಳುನಿಮ್ಮ "ಪಿಗ್ಗಿ ಬ್ಯಾಂಕ್" ಗಾಗಿ? ಉತ್ತರವು ಅನಿರೀಕ್ಷಿತವಾಗಿ ಸರಳವಾಗಿದೆ, ಎಲ್ಲಾ ಚತುರ ವಿಷಯಗಳಂತೆ: Google Chrome ನಲ್ಲಿ ಪುಟದ ಮೂಲ ಕೋಡ್ ಅನ್ನು ನೋಡಿ! ನನ್ನ ಸಾಧಾರಣ ಆವಿಷ್ಕಾರಗಳನ್ನು ನಿಮ್ಮೊಂದಿಗೆ ಹಂಚಿಕೊಳ್ಳುತ್ತೇನೆ.

ಪುಟದ ಮೂಲ ಕೋಡ್ ಎಂದರೇನು

ನೀವು, ನನ್ನಂತೆ, HTML ಪ್ರೋಗ್ರಾಮಿಂಗ್‌ನಲ್ಲಿ ನಿಮ್ಮ ಮೊದಲ ಹೆಜ್ಜೆಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತಿದ್ದರೆ, ಪುಟದ ಮೂಲ ಕೋಡ್ ಏನೆಂದು ಕಂಡುಹಿಡಿಯುವುದು ಒಳ್ಳೆಯದು.

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

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

ನೀವು ಇಷ್ಟಪಡುವ ಪುಟವನ್ನು ಹುಡುಕಿ. ಉದಾಹರಣೆಗೆ, ಸೈಟ್ ಮೆನುವಿನ ವಿನ್ಯಾಸದಲ್ಲಿ ನಾನು ಆಸಕ್ತಿ ಹೊಂದಿದ್ದೆ. Google Chrome ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಮೂಲ ಕೋಡ್ ತೆರೆಯಲು ಮೂರು ಮಾರ್ಗಗಳಿವೆ:

  1. ಐಕಾನ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿ ಮೆನುಬಲಭಾಗದಲ್ಲಿ ಮೇಲಿನ ಮೂಲೆಯಲ್ಲಿಬ್ರೌಸರ್ ಮತ್ತು ಆಯ್ಕೆಮಾಡಿ " ಹೆಚ್ಚುವರಿ ಉಪಕರಣಗಳು" ಇತರರಲ್ಲಿ, "ಮೂಲ ಕೋಡ್ ವೀಕ್ಷಿಸಿ" ಎಂಬ ಆಯ್ಕೆ ಇದೆ. ಪ್ರಾಮಾಣಿಕವಾಗಿ, ನಾನು ಅದನ್ನು ವಿರಳವಾಗಿ ಬಳಸುತ್ತೇನೆ ಈ ವಿಧಾನ: ಬಹಳಷ್ಟು ಅನಗತ್ಯ ಚಲನೆಗಳು. ಇದನ್ನು ಇನ್ನಷ್ಟು ಸರಳಗೊಳಿಸಬಹುದು.
  2. ಕೀ ಸಂಯೋಜನೆಯನ್ನು ಒತ್ತಿರಿ Ctrl+U- ಮೂಲ ಕೋಡ್‌ನೊಂದಿಗೆ ಹೊಸ ವಿಂಡೋ ತೆರೆಯುತ್ತದೆ;
  3. ಸಂದರ್ಭ ಮೆನುವಿನ ಅಭಿಮಾನಿಗಳಿಗೆ: ಕ್ಲಿಕ್ ಮಾಡಿ ಬಲ ಕ್ಲಿಕ್ಪುಟದ ಮೇಲೆ ಮೌಸ್ ಮಾಡಿ ಮತ್ತು "ಪುಟ ಕೋಡ್ ವೀಕ್ಷಿಸಿ" ಆಯ್ಕೆಯನ್ನು ಆರಿಸಿ.

ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಪುಟದ HTML ಕೋಡ್ ಅನ್ನು ವೀಕ್ಷಿಸುವ ಕಾರ್ಯವನ್ನು ನಾವು ನಿಭಾಯಿಸಿದ್ದೇವೆ. ಅತ್ಯಂತ ಆಸಕ್ತಿದಾಯಕ ಹಂತಕ್ಕೆ ಹೋಗೋಣ.

ಮೂಲ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ಸಂಪಾದಿಸುವುದು ಮತ್ತು ಉಳಿಸುವುದು

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

ಆಯ್ಕೆ 1. "ಹಸ್ತಚಾಲಿತವಾಗಿ"

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

ಆಯ್ಕೆ 2. ಸಾಧಕರಿಗೆ

ನೀವು ಪ್ರತಿದಿನ ಮೂಲ ಕೋಡ್‌ನೊಂದಿಗೆ "ಪ್ಲೇ" ಮಾಡಿದಾಗ, "ಸೇವ್ - ಓಪನ್ - ಚೇಂಜ್ - ಸೇವ್ - ಚೆಕ್" ಪ್ರಕ್ರಿಯೆಯು ಆಯಾಸವಾಗುತ್ತದೆ. ನನಗಾಗಿ, Google Chrome - Firebug Lite ಗಾಗಿ ಪ್ಲಗಿನ್ ಅನ್ನು ಸ್ಥಾಪಿಸುವ ರೂಪದಲ್ಲಿ ನಾನು ಪರಿಹಾರವನ್ನು ಕಂಡುಕೊಂಡಿದ್ದೇನೆ. ಬ್ರೌಸರ್ ವಿಂಡೋವನ್ನು ಬಿಡದೆಯೇ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಸಂಪಾದಿಸಲು ಮತ್ತು ಉಳಿಸಲು ಇದು ನಿಮ್ಮನ್ನು ಅನುಮತಿಸುತ್ತದೆ.

" ಅದೇ ಪಾಯಿಂಟ್ ನಲ್ಲಿದೆ ಸಂದರ್ಭ ಮೆನು, ನೀವು ಪಠ್ಯದ ಮೇಲೆ ಬಲ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಪುಟಗಳು. ನೀವು ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್ CTRL + U ಅನ್ನು ಸಹ ಬಳಸಬಹುದು. ಮೊಜ್ಹಿಲ್ಲಾ ಫೈರ್ ಫಾಕ್ಸ್ಬಾಹ್ಯ ಕಾರ್ಯಕ್ರಮಗಳನ್ನು ಬಳಸುವುದಿಲ್ಲ - ಮೂಲ ಕೋಡ್ ಪುಟಗಳುಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟ್ ಮಾಡುವಿಕೆಯೊಂದಿಗೆ ಪ್ರತ್ಯೇಕ ಬ್ರೌಸರ್ ವಿಂಡೋದಲ್ಲಿ ತೆರೆಯಲಾಗುತ್ತದೆ.

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

IN ಒಪೇರಾ ಬ್ರೌಸರ್ಮೆನು ತೆರೆಯಿರಿ, "ಪುಟ" ವಿಭಾಗಕ್ಕೆ ಹೋಗಿ ಮತ್ತು "ಅಭಿವೃದ್ಧಿ ಪರಿಕರಗಳು" ಉಪವಿಭಾಗದಲ್ಲಿ "ಮೂಲ" ಐಟಂ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ನಿಮಗೆ ಅವಕಾಶವಿದೆ ಕೋಡ್"ಅಥವಾ ಐಟಂ" ಮೂಲ ಕೋಡ್ಫ್ರೇಮ್." ಈ ಆಯ್ಕೆಯನ್ನು ಬಿಸಿಯಾಗಿ ನಿಗದಿಪಡಿಸಲಾಗಿದೆ CTRL ಕೀಗಳು+ ಯು ಮತ್ತು CTRL + SHIFT + U ಕ್ರಮವಾಗಿ. ಒಂದು ಕ್ಲಿಕ್‌ಗೆ ಬದ್ಧವಾಗಿರುವ ಸಂದರ್ಭ ಮೆನುವಿನಲ್ಲಿ ಪುಟಗಳುಬಲ ಕ್ಲಿಕ್ ಮಾಡಿ, "ಆರಂಭಿಕ" ಎಂಬ ಐಟಂ ಕೂಡ ಇದೆ ಕೋಡ್" ಒಪೇರಾ ಮೂಲ ಪುಟಗಳು OS ನಲ್ಲಿ ಅಥವಾ HTML ಫೈಲ್‌ಗಳನ್ನು ಸಂಪಾದಿಸಲು ಬ್ರೌಸರ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳಲ್ಲಿ ನಿಯೋಜಿಸಲಾದ ಬಾಹ್ಯ ಪ್ರೋಗ್ರಾಂನಲ್ಲಿ.

ಗೂಗಲ್ ಬ್ರೌಸರ್ Chrome ಗೆ ಯಾವುದೇ ಸಂದೇಹವಿಲ್ಲ ಅತ್ಯುತ್ತಮ ಸಂಸ್ಥೆಮೂಲವನ್ನು ನೋಡುವುದು ಕೋಡ್ಎ. ನಿಮ್ಮ ಮೌಸ್ ಅನ್ನು ಬಲ ಕ್ಲಿಕ್ ಮಾಡುವ ಮೂಲಕ, ನೀವು ವೀಕ್ಷಿಸಿ ಆಯ್ಕೆ ಮಾಡಬಹುದು ಕೋಡ್ಪುಟಗಳು"ತದನಂತರ ಸಿಂಟ್ಯಾಕ್ಸ್ ಹೈಲೈಟ್ ಮಾಡುವ ಮೂಲ ಕೋಡ್ ಅನ್ನು ಪ್ರತ್ಯೇಕ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ತೆರೆಯಲಾಗುತ್ತದೆ. ಅಥವಾ ನೀವು ಅದೇ ಮೆನುವಿನಲ್ಲಿ "ವೀಕ್ಷಿಸು" ಎಂಬ ಸಾಲನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು ಕೋಡ್ಅಂಶ” ಮತ್ತು ಅದೇ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ನೀವು HTML ಮತ್ತು CSS ಅನ್ನು ಪರಿಶೀಲಿಸಬಹುದಾದ ಎರಡು ಹೆಚ್ಚುವರಿ ಫ್ರೇಮ್‌ಗಳನ್ನು ತೆರೆಯುತ್ತದೆ ಕೋಡ್ಅಂಶ ಪುಟಗಳು. ಕರ್ಸರ್ ರೇಖೆಗಳಲ್ಲಿ ಚಲಿಸಲು ಬ್ರೌಸರ್ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ ಕೋಡ್ಮತ್ತು, HTML ನ ಈ ವಿಭಾಗಕ್ಕೆ ಸಂಬಂಧಿಸಿರುವ ಪುಟದಲ್ಲಿನ ಅಂಶಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡುವುದು ಕೋಡ್ಎ.