CSS Inspector הוא כלי פיתוח רב עוצמה המאפשר לך לצפות במאפייני ה-CSS המלאים של כל אלמנט פשוט על ידי העברת העכבר מעליו. לחץ כדי לנעול סגנונות, ערוך אותם ישירות, וראה את השינויים שלך מוחלים באופן מיידי על הדף.
בין אם אתה מתקן בעיית פריסה ובין אם אתה לומד אתר שאתה אוהב, CSS Inspector נותן לך את כל מה שאתה צריך בפאנל צף נקי. בדוק בקלות מבלי לפתוח את ה-DevTools של הדפדפן.
ראה באופן מיידי גופנים, גדלים, צבעים, ריווח ועוד תוך כדי ריחוף מעל כל אלמנט.
לחץ על האלמנט כדי לנעול את הפאנל ולמנוע ממנו להיעלם, מה שמאפשר בדיקה מפורטת.
לחץ פעמיים על ערכים כדי לשנות אותם ישירות. העריכות שלך משתקפות מיד בדף.
העתק מאפיינים בודדים או את בלוק הסגנון המלא ללוח שלך בלחיצה אחת.
צפה בערכי margin, border ו-padding באופן ויזואלי.
צפה ברוחב, גובה ומיקום האלמנט בדף.
CSS Inspector מציג למעלה מ-40 מאפיינים:
font-familyfont-sizefont-weightline-heightletter-spacingtext-aligntext-transformcolorwidthheightpaddingmarginborderborder-radiusbox-sizingdisplaypositiontoprightbottomleftz-indexfloatoverflowbackground-colorbackground-imagebackground-sizebackground-positionopacitybox-shadowtext-shadowtransformtransitioncursorבדוק אלמנטים שאינם מיושרים כראוי בדיוק רב.
חקור את הסגנונות של האתרים המועדפים עליך.
בדוק שינויים לפני כתיבת קוד.
הצג שינויים בזמן אמת במהלך פגישות.
קבל בקלות קוד CSS עבור אלמנטים חדשים.
לחץ על סמל ה-CSS Inspector מסרגל הכלים של DevSuite Pro.
העבר את הסמן מעל כל אלמנט כדי לראות את המאפיינים שלו.
לחץ על האלמנט כדי להצמיד את הפאנל.
לחץ פעמיים על ערכים כדי להתאים אותם.
העתק את הקוד המעודכן והשתמש בו בפרויקט שלך.
התקן את DevSuite Pro בחינם ופתח 39+ כלי פיתוח לדפדפן שלך.