בודק CSS

נמאס לכם משגיאות נסתרות בגיליונות סגנונות?

אם אתם כותבים סגנונות באופן קבוע, אתם יודעים כמה מתסכלות יכולות להיות שגיאות נסתרות. נקודה-פסיק חסרה, מאפיין לא חוקי או בורר שבור יכולים לשבש בשקט את הפריסה שלכם. בדיוק בגלל זה מאמת CSS ובודק CSS אמינים חשובים. הוא סורק את גיליונות הסגנונות שלכם בזמן אמת ומדגיש כל בעיה כדי שתוכלו לתקן אותה במקום 🔍

תהליך האימות ב-5 שלבים

פתחו כל דף אינטרנט

פתחו כל דף אינטרנט ולחצו על סמל התוסף.

סרקו אוטומטית

בודק קוד ה-CSS סורק את כל גיליונות הסגנונות באופן אוטומטי.

עיינו בדוח

עיינו בשגיאות, אזהרות והצעות בחלונית הדוח.

בדקו ניגודיות

עברו ללשונית הניגודיות כדי לבדוק נגישות.

תקנו ואמתו מחדש

תקנו את הקוד שלכם ואמתו אותו מחדש בלחיצה אחת.

מה מייחד את בודק ה-CSS הזה

🔍

אימות CSS מיידי

אימות מיידי של גיליונות סגנונות עם מאמת CSS בדף הנוכחי.

✅

דוחות שגיאה מפורטים

דוחות שגיאה ואזהרה מפורטים עם מספרי שורות.

📌

בודק CSS ו-XPath

תמיכה בפונקציונליות של בודק CSS ו-XPath.

🎨

בודק ניגודיות

בודק ניגודיות צבעים מובנה ב-CSS לצורך נגישות.

🔒

בודק תאימות

בודק תאימות CSS לתמיכה בדפדפנים שונים.

✅

סריקה חוזרת בלחיצה אחת

סריקה חוזרת בלחיצה אחת לאחר ביצוע שינויים.

התוסף אינו רק בודק תחביר CSS - זוהי ערכת כלים מלאה של מאמת CSS לכל מי שעובד עם גיליונות סגנונות מדי יום. הוא מנתח את הקוד שלכם, מזהה בעיות ומספק הצעות ברורות. משגיאות הקלדה בשמות מאפיינים ועד פורמטים שגויים של ערכים, בודק CSS זה מזהה בעיות לפני שהמשתמשים שלכם שמים לב אליהן.

מפתחים רבים מסתמכים על אתרי אימות חיצוניים, אך החלפת כרטיסיות והדבקת קוד היא איטית. בודק CSS זה מביא הכל ישירות לכלי הפיתוח שלכם - בדיוק איפה שאתם צריכים את זה

תכונת התאימות שימושית במיוחד כשאתם תומכים בדפדפנים מרובים. היא מסמנת מאפיינים שעשויים לא לעבוד בגרסאות ישנות יותר של Chrome, Firefox, Safari או Edge, כך שתוכלו להוסיף גיבויים לפני שמשתמשים נתקלים בבאגים חזותיים 🔒

מי יכול להפיק תועלת מכלי בודק ה-CSS הזה

💻

מפתחי Frontend

מפתחי Frontend המנקים באגים בגיליונות סגנונות בסביבת ייצור.

🎨

מעצבים

מעצבים המאמתים שהסגנונות שלהם תואמים את העיצוב המיועד.

🧪

מהנדסי QA

מהנדסי QA המבצעים ביקורות תאימות בין דפדפנים.

🎓

סטודנטים

סטודנטים הלומדים פיתוח אתרים ורוצים משוב מיידי.

♿

מומחי נגישות

מומחי נגישות הבודקים יחסי ניגודיות כדי לעמוד בתקני WCAG.

אחת התכונות הפופולריות ביותר היא בודק ניגודיות הצבעים המובנה ב-CSS. ניגודיות נמוכה בין טקסט לרקע היא הפרת נגישות נפוצה. מאמת CSS זה מעריך את זוגות הצבעים שלכם מול הנחיות WCAG 2.1 ומסמן כל שילוב שאינו עומד בספי AA או AAA. עיצוב נגיש מתחיל באימות ניגודיות נכון 🎨

איך מאמת ה-CSS עובד

הוא מזהה את כל גיליונות הסגנונות המקושרים והמוטבעים בדף הפעיל ומנתח כל אחד מהם לאיתור בעיות:

מזהה גיליונות סגנונות

הוא מזהה את כל גיליונות הסגנונות המקושרים והמוטבעים בדף הפעיל.

מנתח ובודק

הוא מנתח כל גיליון סגנונות ובודק שגיאות תחביר ומאפיינים לא ידועים.

מקבץ תוצאות

הוא מקבץ תוצאות לפי קובץ כך שתוכלו לנווט בקלות בפרויקטים גדולים.

מדגיש ממצאים

בודק ה-CSS מדגיש ממצאים רלוונטיים ישירות בחלונית הדוח.

שאלות נפוצות

האם הוא תומך במאפיינים מודרניים?

כן — בודק תחביר ה-CSS מזהה את המפרטים העדכניים ביותר, כולל מאפיינים מותאמים אישית, grid וקיצורי flexbox.

האם אני יכול להשתמש בו כבודק CSS ו-XPath?

בהחלט — התוסף כולל אימות XPath לצד ניתוח גיליונות סגנונות.

האם הוא עובד על קבצים מקומיים?

כן, הפעילו גישה לקבצים בהגדרות הדפדפן שלכם.

איך בדיקת הניגודיות עובדת?

מאמת CSS זה מעריך את זוגות הצבעים שלכם מול הנחיות WCAG 2.1 ומסמן כל שילוב שאינו עומד בספי AA או AAA.

האם התוסף בטוח?

כן! אנו קוראים רק את ה-CSS ומאפייני ה-DOM של הדף כדי לעזור לכם לבדוק סגנונות. לפרטים ראו את מדיניות פרטיות שלנו.

הפסיקו לבזבז זמן בחיפוש אחר באגים בגיליונות סגנונות

עם בודק שגיאות CSS ייעודי ובודק ניגודיות CSS אמין בתוסף אחד, יש לכם כל מה שאתם צריכים כדי לכתוב גיליונות סגנונות נקיים, נגישים וללא שגיאות ✅

התקינו את בודק CSS עוד היום

חינמי, מהיר ונבנה על ידי מפתחים שמבינים את כאב גיליונות הסגנונות.