ಶೈಲಿ ಹಾಳೆಗಳ ದೋಷಗಳನ್ನು ತಕ್ಷಣ ಹುಡುಕಿ ಮತ್ತು ಸರಿಪಡಿಸಿ. ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ನ ಒಳಗೆ — ಬಾಹ್ಯ ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ಕೋಡ್ ಅನ್ನು ನಕಲಿಸಿ ಅಂಟಿಸುವ ಅಗತ್ಯವಿಲ್ಲ.
CSS ಪರಿಶೀಲಕವು ಡೆವಲಪರ್ಗಳು ಮತ್ತು ಡಿಸೈನರ್ಗಳಿಗೆ ತಮ್ಮ ಶೈಲಿ ಹಾಳೆಗಳಲ್ಲಿನ ದೋಷಗಳನ್ನು ತಕ್ಷಣ ಹುಡುಕಲು ಮತ್ತು ಸರಿಪಡಿಸಲು ಸಹಾಯ ಮಾಡುವ ಹಗುರವಾದ ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಯಾಗಿದೆ. ನೀವು ಸಂಕೀರ್ಣ ವಿನ್ಯಾಸವನ್ನು ಡೀಬಗ್ ಮಾಡುತ್ತಿರಲಿ ಅಥವಾ ಸರಳ ಪುಟವನ್ನು ಮೌಲ್ಯನಿರ್ಣಯ ಮಾಡುತ್ತಿರಲಿ, ಈ CSS ಪರಿಶೀಲಕ ಸಾಧನವು ನಿಮಗೆ ಗಂಟೆಗಟ್ಟಲೆ ಕೈಯಿಂದ ಪರಿಶೀಲನೆಯ ಸಮಯವನ್ನು ಉಳಿಸುತ್ತದೆ. ಇದು ನೇರವಾಗಿ ನಿಮ್ಮ ಬ್ರೌಸರ್ನ ಒಳಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ - ಬಾಹ್ಯ ವೆಬ್ಸೈಟ್ಗಳಿಗೆ ಕೋಡ್ ಅನ್ನು ನಕಲಿಸಿ ಅಂಟಿಸುವ ಅಥವಾ ಟ್ಯಾಬ್ಗಳ ನಡುವೆ ಬದಲಾಯಿಸುವ ಅಗತ್ಯವಿಲ್ಲ.
ನೀವು ನಿಯಮಿತವಾಗಿ ಶೈಲಿಗಳನ್ನು ಬರೆಯುತ್ತಿದ್ದರೆ, ಗುಪ್ತ ದೋಷಗಳು ಎಷ್ಟು ನಿರಾಶಾದಾಯಕವಾಗಬಹುದು ಎಂದು ನಿಮಗೆ ತಿಳಿದಿದೆ. ಕಾಣೆಯಾದ ಸೆಮಿಕೊಲನ್, ಅಮಾನ್ಯ ಗುಣಲಕ್ಷಣ ಅಥವಾ ಮುರಿದ ಸೆಲೆಕ್ಟರ್ ನಿಮ್ಮ ವಿನ್ಯಾಸವನ್ನು ಮೌನವಾಗಿ ಹಾಳುಮಾಡಬಹುದು. ಅದಕ್ಕಾಗಿಯೇ ವಿಶ್ವಾಸಾರ್ಹ CSS ಮೌಲ್ಯನಿರ್ಣಾಯಕ ಮತ್ತು CSS ಪರಿಶೀಲಕ ಮುಖ್ಯವಾಗುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ನೈಜ ಸಮಯದಲ್ಲಿ ಸ್ಕ್ಯಾನ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ಪ್ರತಿ ಸಮಸ್ಯೆಯನ್ನು ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ ಇದರಿಂದ ನೀವು ಅದನ್ನು ಸ್ಥಳದಲ್ಲೇ ಸರಿಪಡಿಸಬಹುದು 🔍
ಯಾವುದೇ ವೆಬ್ಪುಟವನ್ನು ತೆರೆದು ವಿಸ್ತರಣೆಯ ಐಕಾನ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ.
CSS ಕೋಡ್ ಪರಿಶೀಲಕವು ಎಲ್ಲಾ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಸ್ಕ್ಯಾನ್ ಮಾಡುತ್ತದೆ.
ವರದಿ ಫಲಕದಲ್ಲಿ ದೋಷಗಳು, ಎಚ್ಚರಿಕೆಗಳು ಮತ್ತು ಸಲಹೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ.
ಪ್ರವೇಶಸಾಧ್ಯತೆಯನ್ನು ಆಡಿಟ್ ಮಾಡಲು ಕಾಂಟ್ರಾಸ್ಟ್ ಟ್ಯಾಬ್ಗೆ ಬದಲಾಯಿಸಿ.
ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಸರಿಪಡಿಸಿ ಮತ್ತು ಒಂದೇ ಕ್ಲಿಕ್ನಲ್ಲಿ ಮರುಮೌಲ್ಯನಿರ್ಣಯಿಸಿ.
ಪ್ರಸ್ತುತ ಪುಟದಲ್ಲಿ ತಕ್ಷಣದ CSS ಮೌಲ್ಯನಿರ್ಣಾಯಕ ಶೈಲಿ ಹಾಳೆ ಮೌಲ್ಯನಿರ್ಣಯ.
ಸಾಲಿನ ಸಂಖ್ಯೆಗಳೊಂದಿಗೆ ವಿವರವಾದ ದೋಷ ಮತ್ತು ಎಚ್ಚರಿಕೆ ವರದಿಗಳು.
CSS ಮತ್ತು XPath ಪರಿಶೀಲಕ ಕಾರ್ಯಚಟುವಟಿಕೆಗೆ ಬೆಂಬಲ.
ಪ್ರವೇಶಸಾಧ್ಯತೆಗಾಗಿ ಅಂತರ್ನಿರ್ಮಿತ CSS ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಕ.
ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಬೆಂಬಲಕ್ಕಾಗಿ CSS ಹೊಂದಾಣಿಕೆ ಪರಿಶೀಲಕ.
ಬದಲಾವಣೆಗಳ ನಂತರ ಒಂದೇ ಕ್ಲಿಕ್ನ ಮರುಸ್ಕ್ಯಾನ್.
ಈ ವಿಸ್ತರಣೆಯು ಕೇವಲ CSS ಸಿಂಟ್ಯಾಕ್ಸ್ ಪರಿಶೀಲಕವಲ್ಲ - ಇದು ಪ್ರತಿದಿನ ಶೈಲಿ ಹಾಳೆಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುವ ಪ್ರತಿಯೊಬ್ಬರಿಗೂ ಸಂಪೂರ್ಣ ವೈಶಿಷ್ಟ್ಯಗಳ CSS ಮೌಲ್ಯನಿರ್ಣಾಯಕ ಟೂಲ್ಕಿಟ್ ಆಗಿದೆ. ಇದು ನಿಮ್ಮ ಕೋಡ್ ಅನ್ನು ಪಾರ್ಸ್ ಮಾಡುತ್ತದೆ, ಸಮಸ್ಯೆಗಳನ್ನು ಪತ್ತೆಹಚ್ಚುತ್ತದೆ ಮತ್ತು ಸ್ಪಷ್ಟ ಸಲಹೆಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ಗುಣಲಕ್ಷಣ ಹೆಸರುಗಳಲ್ಲಿನ ಅಕ್ಷರ ದೋಷಗಳಿಂದ ತಪ್ಪಾದ ಮೌಲ್ಯ ಸ್ವರೂಪಗಳವರೆಗೆ, ಈ CSS ಪರಿಶೀಲಕವು ನಿಮ್ಮ ಬಳಕೆದಾರರು ಗಮನಿಸುವ ಮೊದಲೇ ಸಮಸ್ಯೆಗಳನ್ನು ಹಿಡಿಯುತ್ತದೆ.
ಅನೇಕ ಡೆವಲಪರ್ಗಳು ಬಾಹ್ಯ ಮೌಲ್ಯನಿರ್ಣಯ ವೆಬ್ಸೈಟ್ಗಳನ್ನು ಅವಲಂಬಿಸಿದ್ದಾರೆ, ಆದರೆ ಟ್ಯಾಬ್ಗಳನ್ನು ಬದಲಾಯಿಸುವುದು ಮತ್ತು ಕೋಡ್ ಅಂಟಿಸುವುದು ನಿಧಾನವಾಗಿದೆ. ಈ CSS ಪರಿಶೀಲಕವು ಎಲ್ಲವನ್ನೂ ನೇರವಾಗಿ ನಿಮ್ಮ ಡೆವ್ ಟೂಲ್ಗಳಿಗೆ ತರುತ್ತದೆ - ನಿಮಗೆ ಅಗತ್ಯವಿರುವಲ್ಲಿಯೇ
ನೀವು ಅನೇಕ ಬ್ರೌಸರ್ಗಳನ್ನು ಬೆಂಬಲಿಸಿದಾಗ ಹೊಂದಾಣಿಕೆ ವೈಶಿಷ್ಟ್ಯವು ವಿಶೇಷವಾಗಿ ಉಪಯುಕ್ತವಾಗಿದೆ. ಇದು Chrome, Firefox, Safari ಅಥವಾ Edge ನ ಹಳೆಯ ಆವೃತ್ತಿಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡದಿರಬಹುದಾದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಗುರುತಿಸುತ್ತದೆ ಇದರಿಂದ ಬಳಕೆದಾರರು ದೃಶ್ಯ ಬಗ್ಗಳನ್ನು ಎದುರಿಸುವ ಮೊದಲೇ ನೀವು ಫಾಲ್ಬ್ಯಾಕ್ಗಳನ್ನು ಸೇರಿಸಬಹುದು 🔒
ಉತ್ಪಾದನಾ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ಡೀಬಗ್ ಮಾಡುವ ಫ್ರಂಟೆಂಡ್ ಡೆವಲಪರ್ಗಳು.
ತಮ್ಮ ಶೈಲಿಗಳು ಉದ್ದೇಶಿತ ವಿನ್ಯಾಸಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುತ್ತವೆಯೇ ಎಂದು ಪರಿಶೀಲಿಸುವ ಡಿಸೈನರ್ಗಳು.
ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆ ಆಡಿಟ್ಗಳನ್ನು ನಡೆಸುವ QA ಇಂಜಿನಿಯರ್ಗಳು.
ತಕ್ಷಣದ ಪ್ರತಿಕ್ರಿಯೆ ಬಯಸುವ ವೆಬ್ ಅಭಿವೃದ್ಧಿ ಕಲಿಯುತ್ತಿರುವ ವಿದ್ಯಾರ್ಥಿಗಳು.
WCAG ಮಾನದಂಡಗಳನ್ನು ಪೂರೈಸಲು ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಗಳನ್ನು ಪರಿಶೀಲಿಸುವ ಪ್ರವೇಶಸಾಧ್ಯತೆ ತಜ್ಞರು.
ಅತ್ಯಂತ ಜನಪ್ರಿಯ ವೈಶಿಷ್ಟ್ಯಗಳಲ್ಲಿ ಒಂದು ಅಂತರ್ನಿರ್ಮಿತ CSS ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಕ. ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆಯ ನಡುವಿನ ಕಳಪೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಸಾಮಾನ್ಯ ಪ್ರವೇಶಸಾಧ್ಯತೆ ಉಲ್ಲಂಘನೆಯಾಗಿದೆ. ಈ CSS ಮೌಲ್ಯನಿರ್ಣಾಯಕವು ನಿಮ್ಮ ಬಣ್ಣದ ಜೋಡಿಗಳನ್ನು WCAG 2.1 ಮಾರ್ಗಸೂಚಿಗಳ ವಿರುದ್ಧ ಮೌಲ್ಯಮಾಪನ ಮಾಡುತ್ತದೆ ಮತ್ತು AA ಅಥವಾ AAA ಮಿತಿಗಳನ್ನು ಪೂರೈಸದ ಯಾವುದೇ ಸಂಯೋಜನೆಯನ್ನು ಗುರುತಿಸುತ್ತದೆ. ಪ್ರವೇಶಸಾಧ್ಯ ವಿನ್ಯಾಸವು ಸರಿಯಾದ ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲನೆಯಿಂದ ಪ್ರಾರಂಭವಾಗುತ್ತದೆ 🎨
ಇದು ಸಕ್ರಿಯ ಪುಟದಲ್ಲಿನ ಎಲ್ಲಾ ಲಿಂಕ್ ಮಾಡಲಾದ ಮತ್ತು ಇನ್ಲೈನ್ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ಪತ್ತೆಹಚ್ಚುತ್ತದೆ ಮತ್ತು ಸಮಸ್ಯೆಗಳಿಗಾಗಿ ಪ್ರತಿಯೊಂದನ್ನೂ ಪಾರ್ಸ್ ಮಾಡುತ್ತದೆ:
ಇದು ಸಕ್ರಿಯ ಪುಟದಲ್ಲಿನ ಎಲ್ಲಾ ಲಿಂಕ್ ಮಾಡಲಾದ ಮತ್ತು ಇನ್ಲೈನ್ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ಪತ್ತೆಹಚ್ಚುತ್ತದೆ.
ಇದು ಪ್ರತಿ ಶೈಲಿ ಹಾಳೆಯನ್ನು ಪಾರ್ಸ್ ಮಾಡುತ್ತದೆ ಮತ್ತು ಸಿಂಟ್ಯಾಕ್ಸ್ ದೋಷಗಳು ಹಾಗೂ ಅಜ್ಞಾತ ಗುಣಲಕ್ಷಣಗಳಿಗಾಗಿ ಪರಿಶೀಲಿಸುತ್ತದೆ.
ಇದು ಫಲಿತಾಂಶಗಳನ್ನು ಫೈಲ್ ಪ್ರಕಾರ ಗುಂಪು ಮಾಡುತ್ತದೆ ಇದರಿಂದ ನೀವು ದೊಡ್ಡ ಯೋಜನೆಗಳಲ್ಲಿ ಸುಲಭವಾಗಿ ನ್ಯಾವಿಗೇಟ್ ಮಾಡಬಹುದು.
CSS ಪರಿಶೀಲಕವು ಸಂಬಂಧಿತ ಸಂಶೋಧನೆಗಳನ್ನು ನೇರವಾಗಿ ವರದಿ ಫಲಕದಲ್ಲಿ ಹೈಲೈಟ್ ಮಾಡುತ್ತದೆ.
ಹೌದು — CSS ಸಿಂಟ್ಯಾಕ್ಸ್ ಪರಿಶೀಲಕವು ಕಸ್ಟಮ್ ಗುಣಲಕ್ಷಣಗಳು, grid ಮತ್ತು flexbox ಸಂಕ್ಷಿಪ್ತ ರೂಪ ಸೇರಿದಂತೆ ಇತ್ತೀಚಿನ ವಿಶೇಷಣೆಗಳನ್ನು ಗುರುತಿಸುತ್ತದೆ.
ಖಂಡಿತವಾಗಿ — ವಿಸ್ತರಣೆಯು ಶೈಲಿ ಹಾಳೆ ವಿಶ್ಲೇಷಣೆಯ ಜೊತೆಗೆ XPath ಮೌಲ್ಯನಿರ್ಣಯವನ್ನು ಒಳಗೊಂಡಿದೆ.
ಹೌದು, ನಿಮ್ಮ ಬ್ರೌಸರ್ ಸೆಟ್ಟಿಂಗ್ಗಳಲ್ಲಿ ಫೈಲ್ ಪ್ರವೇಶವನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ.
ಈ CSS ಮೌಲ್ಯನಿರ್ಣಾಯಕವು ನಿಮ್ಮ ಬಣ್ಣದ ಜೋಡಿಗಳನ್ನು WCAG 2.1 ಮಾರ್ಗಸೂಚಿಗಳ ವಿರುದ್ಧ ಮೌಲ್ಯಮಾಪನ ಮಾಡುತ್ತದೆ ಮತ್ತು AA ಅಥವಾ AAA ಮಿತಿಗಳನ್ನು ಪೂರೈಸದ ಯಾವುದೇ ಸಂಯೋಜನೆಯನ್ನು ಗುರುತಿಸುತ್ತದೆ.
ಹೌದು! ನಿಮ್ಮ ಶೈಲಿಗಳನ್ನು ಪರಿಶೀಲಿಸಲು ಸಹಾಯ ಮಾಡಲು ನಾವು ಕೇವಲ ಪುಟದ CSS ಮತ್ತು DOM ಗುಣಲಕ್ಷಣಗಳನ್ನು ಮಾತ್ರ ಓದುತ್ತೇವೆ. ವಿವರಗಳಿಗಾಗಿ ನಮ್ಮ ಗೌಪ್ಯತೆ ನೀತಿ ನೋಡಿ.
ನಿಮಗೆ ತ್ವರಿತ ಸ್ಕ್ಯಾನ್ ಬೇಕಿರಲಿ ಅಥವಾ ಉತ್ಪಾದನೆಗಾಗಿ ಸಂಪೂರ್ಣ CSS ಮೌಲ್ಯನಿರ್ಣಾಯಕ ಬೇಕಿರಲಿ, CSS ಪರಿಶೀಲಕವು ನಿಮ್ಮ ಕೆಲಸದ ಹರಿವಿಗೆ ಹೊಂದಿಕೊಳ್ಳುತ್ತದೆ.
ಒಂದೇ ವಿಸ್ತರಣೆಯಲ್ಲಿ ಮೀಸಲಾದ CSS ದೋಷ ಪರಿಶೀಲಕ ಮತ್ತು ವಿಶ್ವಾಸಾರ್ಹ CSS ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಕದೊಂದಿಗೆ, ಸ್ವಚ್ಛ, ಪ್ರವೇಶಸಾಧ್ಯ ಮತ್ತು ದೋಷ-ಮುಕ್ತ ಶೈಲಿ ಹಾಳೆಗಳನ್ನು ಬರೆಯಲು ನಿಮಗೆ ಅಗತ್ಯವಿರುವ ಎಲ್ಲವೂ ಇದೆ ✅
ಇಂದೇ CSS ಪರಿಶೀಲಕವನ್ನು ಸ್ಥಾಪಿಸಿಉಚಿತ, ವೇಗದ ಮತ್ತು ಶೈಲಿ ಹಾಳೆ ನೋವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಡೆವಲಪರ್ಗಳಿಂದ ನಿರ್ಮಿಸಲಾಗಿದೆ.