HTML ಕೋಡ್ನ ಅಂದಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಕುಗ್ಗಿಸುವಿಕೆ
HTML ಕೋಡ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಓದಲು ಮತ್ತು ಎಡಿಟ್ ಮಾಡಲು ಅನುಕೂಲವಾಗುವಂತೆ ಮರು-ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡುವುದು ಅಥವಾ ವೆಬ್ ಪುಟದ ಲೋಡಿಂಗ್ ವೇಗವನ್ನು ಹೆಚ್ಚಿಸಲು ಅದರ ಫೈಲ್ ಗಾತ್ರವನ್ನು ಕಿರಿದಾಗಿಸುವುದು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯಲ್ಲಿ ಅತ್ಯಗತ್ಯ. HTML ಬ್ಯೂಟಿಫೈಯರ್ ಮತ್ತು ಮಿನಿಫೈಯರ್ ಉಪಕರಣವು ಈ ಎರಡೂ ಕಾರ್ಯಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ. ಈ ಪ್ರಕ್ರಿಯೆಯು ಸಂಪೂರ್ಣವಾಗಿ ಬಳಕೆದಾರರ ಬ್ರೌಸರ್ನಲ್ಲಿಯೇ ನಡೆಯುತ್ತದೆ.
ಕೋಡ್ ಅಂದಗೊಳಿಸುವಿಕೆ (Beautify) ಮತ್ತು ಕುಗ್ಗಿಸುವಿಕೆ (Minify) ಪ್ರಕ್ರಿಯೆಗಳು ವಿಭಿನ್ನ ಉದ್ದೇಶಗಳನ್ನು ಹೊಂದಿವೆ. Beautify ಪ್ರಕ್ರಿಯೆಯು ಮಾರ್ಕಪ್ ಕೋಡ್ ಅನ್ನು ಮರು-ಇಂಡೆಂಟ್ ಮಾಡಿ, ಸೂಕ್ತ ಜಾಗಗಳನ್ನು (spaces) ನೀಡುವ ಮೂಲಕ ಓದಲು ಸುಲಭವಾಗಿಸುತ್ತದೆ. ಮತ್ತೊಂದೆಡೆ, Minify ಪ್ರಕ್ರಿಯೆಯು ಬ್ರೌಸರ್ಗೆ ಅಗತ್ಯವಿಲ್ಲದ ಖಾಲಿ ಜಾಗಗಳು (whitespace) ಮತ್ತು ಕಾಮೆಂಟ್ಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ. ಇದು ಇನ್ಲೈನ್ CSS ಮತ್ತು JavaScript ಅನ್ನು ಕುಗ್ಗಿಸುತ್ತದೆ ಹಾಗೂ ಐಚ್ಛಿಕ ಗುಣಲಕ್ಷಣಗಳ ಕೊಟೇಶನ್ ಮಾರ್ಕ್ಗಳನ್ನು (attribute quotes) ತೆಗೆದುಹಾಕುತ್ತದೆ. ಪ್ರಿಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿದ ಬ್ಲಾಕ್ಗಳಂತಹ ಸ್ಪೇಸ್-ಸೆನ್ಸಿಟಿವ್ ಪಠ್ಯಗಳನ್ನು ಕುಗ್ಗಿಸುವಾಗ ಯಾವುದೇ ಬದಲಾವಣೆ ಮಾಡದೆ ಹಾಗೆಯೇ ಉಳಿಸಲಾಗುತ್ತದೆ.
ಇನ್ಪುಟ್ ಮತ್ತು ನಿಯಂತ್ರಣ ಆಯ್ಕೆಗಳು
ಬಳಕೆದಾರರು ತಮ್ಮ HTML ಕೋಡ್ ಅನ್ನು "HTML ಇನ್ಪುಟ್" ಪಠ್ಯ ಪ್ರದೇಶದಲ್ಲಿ ಪೇಸ್ಟ್ ಮಾಡುವ ಮೂಲಕ ಅಥವಾ ಟೈಪ್ ಮಾಡುವ ಮೂಲಕ ಉಪಕರಣವನ್ನು ಬಳಸಬಹುದು. ಈ ಉಪಕರಣವು ಗರಿಷ್ಠ 500,000 ಅಕ್ಷರಗಳವರೆಗಿನ ಕೋಡ್ ಅನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ಹೊಂದಿದೆ.
ಕೋಡ್ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸುವಿಕೆಯನ್ನು ನಿಯಂತ್ರಿಸಲು ಈ ಕೆಳಗಿನ ಆಯ್ಕೆಗಳು ಲಭ್ಯವಿವೆ:
- ಇಂಡೆಂಟ್: ಕೋಡ್ ಅನ್ನು ಅಂದಗೊಳಿಸುವಾಗ ಇಂಡೆಂಟೇಶನ್ಗಾಗಿ ಬಳಕೆದಾರರು "2/4 spaces ಅಥವಾ Tab" ಆಯ್ಕೆ ಮಾಡಿಕೊಳ್ಳಬಹುದು.
- ವ್ಯಾಲಿಡೇಟ್: ಕೋಡ್ನಲ್ಲಿರುವ ರಚನಾತ್ಮಕ ದೋಷಗಳನ್ನು ಪತ್ತೆಹಚ್ಚಲು ಈ ಆಯ್ಕೆಯನ್ನು "ಆನ್" ಅಥವಾ "ಆಫ್" ಮಾಡಬಹುದು.
ಒಂದು ವೇಳೆ ಇನ್ಪುಟ್ ಮಾಡಲಾದ ಕೋಡ್ ನಿಗದಿತ ಮಿತಿಗಿಂತ ದೊಡ್ಡದಾಗಿದ್ದರೆ, ಉಪಕರಣವು "ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ತುಂಬಾ ದೊಡ್ಡದಾಗಿದೆ. ಸಣ್ಣ ಫೈಲ್ ಪ್ರಯತ್ನಿಸಿ." ಎಂಬ ದೋಷ ಸಂದೇಶವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ. HTML ಕೋಡ್ ಅನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ಸಾಧ್ಯವಾಗದ ಸಂದರ್ಭದಲ್ಲಿ "ಈ HTML ಅನ್ನು ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ." ಎಂಬ ದೋಷ ಸಂದೇಶ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.
ಔಟ್ಪುಟ್ ಮತ್ತು ಅಂಕಿ-ಅಂಶಗಳು
ಕೋಡ್ ಪ್ರಕ್ರಿಯೆಗೊಂಡ ನಂತರ, ಉಪಕರಣವು ನೈಜ-ಸಮಯದ ಅಂಕಿ-ಅಂಶಗಳನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ:
- ಸಾಲುಗಳು: ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿದ HTML ಕೋಡ್ನಲ್ಲಿರುವ ಒಟ್ಟು ಸಾಲುಗಳ ಸಂಖ್ಯೆ.
- ಅಕ್ಷರಗಳು: ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿದ HTML ಕೋಡ್ನಲ್ಲಿರುವ ಒಟ್ಟು ಅಕ್ಷರಗಳ ಸಂಖ್ಯೆ.
- ಗಾತ್ರ: ಪ್ರಕ್ರಿಯೆಗೊಳಿಸಿದ HTML ಕೋಡ್ನ ಒಟ್ಟು ಗಾತ್ರ ಬೈಟ್ಗಳಲ್ಲಿ.
ಕೋಡ್ ಅನ್ನು ಯಶಸ್ವಿಯಾಗಿ ಅಂದಗೊಳಿಸಿದಾಗ "ಅಂದಗೊಳಿಸಲಾಗಿದೆ." ಎಂಬ ಸ್ಥಿತಿ ಸಂದೇಶ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಕೋಡ್ ಅನ್ನು ಕುಗ್ಗಿಸಿದಾಗ "ಕುಗ್ಗಿಸಲಾಗಿದೆ." ಅಥವಾ ಉಳಿತಾಯವಾದ ಗಾತ್ರದ ಶೇಕಡಾವಾರು ಪ್ರಮಾಣದೊಂದಿಗೆ "ಕುಗ್ಗಿಸಲಾಗಿದೆ — {pct}% ಸಣ್ಣದಾಗಿದೆ." ಎಂಬ ಸಂದೇಶವನ್ನು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಇನ್ಪುಟ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಅಳಿಸಿದಾಗ "ತೆರವುಗೊಳಿಸಲಾಗಿದೆ." ಎಂಬ ಸಂದೇಶ ಮೂಡುತ್ತದೆ.
ರಚನಾತ್ಮಕ ದೋಷಗಳ ವ್ಯಾಲಿಡೇಶನ್
ವ್ಯಾಲಿಡೇಶನ್ ಆಯ್ಕೆಯನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ, ಉಪಕರಣವು ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿರುವಾಗ "ಪರಿಶೀಲಿಸಲಾಗುತ್ತಿದೆ…" ಎಂಬ ಸ್ಥಿತಿ ಸಂದೇಶವನ್ನು ತೋರಿಸುತ್ತದೆ. ಈ ವ್ಯಾಲಿಡೇಶನ್ ಪ್ರಕ್ರಿಯೆಯು HTML ಕೋಡ್ನಲ್ಲಿರುವ ಸಾಮಾನ್ಯ ರಚನಾತ್ಮಕ ದೋಷಗಳನ್ನು ಪತ್ತೆಹಚ್ಚುತ್ತದೆ. ಇದು ಪೂರ್ಣ ಪ್ರಮಾಣದ W3C ಅನುಸರಣಾ ವರದಿಯಲ್ಲ, ಬದಲಿಗೆ ತ್ವರಿತ ರಚನಾತ್ಮಕ ತಪಾಸಣೆಯಾಗಿದೆ.
ವ್ಯಾಲಿಡೇಶನ್ ಪ್ರಕ್ರಿಯೆಯು ಈ ಕೆಳಗಿನ ರಚನಾತ್ಮಕ ಸಮಸ್ಯೆಗಳನ್ನು ಗುರುತಿಸುತ್ತದೆ:
- ಮುಚ್ಚದ ಅಥವಾ ಹೊಂದಿಕೆಯಾಗದ ಟ್ಯಾಗ್ಗಳು (unclosed or mismatched tags).
- ನಕಲಿ ID ಗಳು (duplicate IDs).
- ಪುನರಾವರ್ತಿತ ಗುಣಲಕ್ಷಣಗಳು (repeated attributes).
- ಎಸ್ಕೇಪ್ ಮಾಡದ ಅಕ್ಷರಗಳು (unescaped characters).
ಕೋಡ್ನಲ್ಲಿ ಯಾವುದೇ ದೋಷಗಳು ಇಲ್ಲದಿದ್ದರೆ "ವ್ಯಾಲಿಡೇಶನ್" ಶೀರ್ಷಿಕೆಯ ಅಡಿಯಲ್ಲಿ "ಯಾವುದೇ ಸಮಸ್ಯೆಗಳು ಕಂಡುಬಂದಿಲ್ಲ." ಎಂಬ ಸಂದೇಶ ಕಾಣಿಸುತ್ತದೆ. ದೋಷಗಳು ಪತ್ತೆಯಾದಲ್ಲಿ "{count} ಸಮಸ್ಯೆಗಳು ಕಂಡುಬಂದಿವೆ." ಎಂದು ತೋರಿಸಿ, ಪ್ರತಿ ದೋಷದ ನಿಖರವಾದ ಸ್ಥಾನವನ್ನು "ಸಾಲು {line}:{col}" ರೂಪದಲ್ಲಿ ಪಟ್ಟಿ ಮಾಡಲಾಗುತ್ತದೆ.
ಗೌಪ್ಯತೆ ಮತ್ತು ಡೇಟಾ ಸಂಸ್ಕರಣೆ
ಬಳಕೆದಾರರ ಗೌಪ್ಯತೆಗೆ ಈ ಉಪಕರಣದಲ್ಲಿ ಆದ್ಯತೆ ನೀಡಲಾಗಿದೆ. ನಿಮ್ಮ HTML ಕೋಡ್ ಅನ್ನು ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲಿಯೇ ಫಾರ್ಮ್ಯಾಟ್, ಮಿನಿಫೈ ಮತ್ತು ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ. ಈ ಪ್ರಕ್ರಿಯೆಯಲ್ಲಿ ಯಾವುದೇ ಡೇಟಾವನ್ನು BroBroGo ಗೆ ಅಪ್ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ. ಸಂಪೂರ್ಣ ಪ್ರಕ್ರಿಯೆಯು ಸ್ಥಳೀಯವಾಗಿ ಬಳಕೆದಾರರ ಸಾಧನದಲ್ಲಿಯೇ ನಡೆಯುತ್ತದೆ.
ಸಾಮಾನ್ಯ ಪ್ರಶ್ನೆಗಳು (FAQ)
Beautify ಮತ್ತು Minify ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು?
Beautify ಮಾರ್ಕಪ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಓದಲು ಮತ್ತು ಎಡಿಟ್ ಮಾಡಲು ಇಂಡೆಂಟ್ ಮತ್ತು ಸ್ಪೇಸ್ ನೀಡುತ್ತದೆ. Minify ಇದಕ್ಕೆ ವಿರುದ್ಧವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ — ಇದು ಬ್ರೌಸರ್ಗೆ ಅಗತ್ಯವಿಲ್ಲದ ಸ್ಪೇಸ್ಗಳು ಮತ್ತು ಕಾಮೆಂಟ್ಗಳನ್ನು ತೆಗೆದುಹಾಕುತ್ತದೆ, ಇದರಿಂದ ಫೈಲ್ ಗಾತ್ರ ಕಿರಿದಾಗಿ ವೇಗವಾಗಿ ಲೋಡ್ ಆಗುತ್ತದೆ. ಕೆಲಸ ಮಾಡುವಾಗ Beautify ಬಳಸಿ, ಪ್ರಕಟಿಸುವ ಮುನ್ನ Minify ಬಳಸಿ.
ವ್ಯಾಲಿಡೇಶನ್ ಆನ್ ಮಾಡುವುದರಿಂದ ಏನನ್ನು ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ?
ಇದು ಬ್ರೌಸರ್ ಸಾಮಾನ್ಯವಾಗಿ ನಿರ್ಲಕ್ಷಿಸುವ ರಚನಾತ್ಮಕ ಸಮಸ್ಯೆಗಳನ್ನು ಪತ್ತೆಹಚ್ಚುತ್ತದೆ — ಮುಚ್ಚದ ಅಥವಾ ಹೊಂದಿಕೆಯಾಗದ ಟ್ಯಾಗ್ಗಳು, ನಕಲಿ ID ಗಳು, ಪುನರಾವರ್ತಿತ ಗುಣಲಕ್ಷಣಗಳು ಮತ್ತು ಎಸ್ಕೇಪ್ ಮಾಡದ ಅಕ್ಷರಗಳು — ಇವುಗಳನ್ನು ಸಾಲು ಮತ್ತು ಕಾಲಮ್ ಸಂಖ್ಯೆಯೊಂದಿಗೆ ತೋರಿಸುತ್ತದೆ. ಇದು ಕೇವಲ ತ್ವರಿತ ರಚನಾತ್ಮಕ ತಪಾಸಣೆಯಾಗಿದ್ದು, ಪೂರ್ಣ ಪ್ರಮಾಣದ W3C ಅನುಸರಣಾ ವರದಿಯಲ್ಲ.
Minify ಮಾಡುವುದರಿಂದ ನನ್ನ ಪೇಜ್ ವಿನ್ಯಾಸ ಬದಲಾಗುತ್ತದೆಯೇ?
ಇಲ್ಲ — ನಿಮ್ಮ ಪುಟದ ಪ್ರದರ್ಶನ ಮತ್ತು ವರ್ತನೆ ಮೊದಲಿನಂತೆಯೇ ಇರುತ್ತದೆ. Minify ಮಾಡುವುದರಿಂದ ಸ್ಪೇಸ್ಗಳು ಮತ್ತು ಕಾಮೆಂಟ್ಗಳನ್ನು ತೆಗೆದುಹಾಕಲಾಗುತ್ತದೆ, ಇನ್ಲೈನ್ CSS ಮತ್ತು JavaScript ಅನ್ನು ಕುಗ್ಗಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಐಚ್ಛಿಕ ಗುಣಲಕ್ಷಣಗಳ ಕೊಟೇಶನ್ ಮಾರ್ಕ್ಗಳನ್ನು ತೆಗೆದುಹಾಕಲಾಗುತ್ತದೆ. ಬ್ರೌಸರ್ಗೆ ಪುಟವನ್ನು ಮೊದಲಿನಂತೆಯೇ ಪ್ರದರ್ಶಿಸಲು ಬೇಕಾದ ಅಂಶಗಳನ್ನು ಮಾತ್ರ ಇದು ಉಳಿಸಿಕೊಳ್ಳುತ್ತದೆ. ಪ್ರಿಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿದ ಬ್ಲಾಕ್ಗಳಂತಹ ಸ್ಪೇಸ್-ಸೆನ್ಸಿಟಿವ್ ಪಠ್ಯಗಳನ್ನು ಹಾಗೆಯೇ ಉಳಿಸಲಾಗುತ್ತದೆ.
ನನ್ನ ಕೋಡ್ ಅನ್ನು ಯಾವುದೇ ಸರ್ವರ್ಗೆ ಕಳುಹಿಸಲಾಗುತ್ತದೆಯೇ?
ಇಲ್ಲ, ನಿಮ್ಮ HTML ಅನ್ನು ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲಿಯೇ ಫಾರ್ಮ್ಯಾಟ್, ಮಿನಿಫೈ ಮತ್ತು ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ. BroBroGo ಗೆ ಯಾವುದೇ ಕೋಡ್ ಅಥವಾ ಡೇಟಾವನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ.