Description from extension meta
השתמשו בכלי Inspect element – מציג CSS עם קיצור דרך ל-inspect element של Chrome. למדו כיצד לבדוק אלמנט בקלות בעזרת הכלי הפשוט הזה!
Image from store
Description from store
Inspect Element – מציג CSS עוצמתי אך נקי
סקרנים לדעת איך בונים אתרים? רוצים לחקור פריסות עמודים, כללים ולוגיקת עיצוב רספונסיבית ללא חיכוך? Inspect Element הוא התשובה עבורכם. בין אם אתם מפתחים, מעצבים, בודקים או סטודנטים - הכלי הזה נוצר בשבילכם.
הממשק נקי. ההתקנה פשוטה. קיצורי הדרך מוכנים. פרטיות? לא תצטרכו חשבון או להשאיר עקבות. זה פשוט עובד - גם במצב כהה. תיהנו מההרחבה שלנו לבדיקת אלמנטים של Chrome בכל המכשירים - בין אם אתם משתמשים ב-macOS, Windows או Linux.
נקודות עיקריות
✨ גישה נוחה למבנה החזותי
✨ ממשק מינימליסטי - ללא כלים נפוחים
✨ ל-Inspect Element יש מצב כהה
✨ ידידותי למקלדת עם תמיכה בקיצורי דרך לבדיקת מקלדת
✨ שימוש בטוח ואנונימי - ללא איסוף נתונים
קיצורי מקלדת של Windows ו-Linux
🔎 פתיחה: Alt + E
🔎 סגירת ההרחבה: Esc
🔎 העתיקו את הקוד: C
קיצורי מקלדת ב-MacOS
🍏 פתיחת אלמנט Inspect: Cmd + E
🍏 סגור את ההרחבה: Esc
🍏 העתיקו את הקוד: C
למי זה מיועד?
▸ מפתחים – סריקת CSS, ניפוי באגים בסגנונות, בדיקת מבנים, אימות ותיקון התנהגות פריסה
▸ מעצבים - בדיקה ויזואלית של אלמנטים, בדיקת דיוק הפריסה והתאמת עיצובים במדויק
▸ מהנדסי אבטחת איכות – חוקרים רכיבי דפי אינטרנט, עוקבים אחר בעיות ומוודאים את רמת התגובה
▸ סטודנטים – למדו כיצד לבדוק אלמנט בקלות תוך כדי רכישת מיומנויות ניפוי שגיאות בעולם האמיתי
▸ לכל מי שסקרן – גלו מה עומד מאחורי הקסם הוויזואלי ולמדו כיצד בונים אתרים
אידיאלי לכל רמות המיומנות
בין אם אתם רק מתחילים או עמוק בתוך פרויקטים של אינטרנט, הכלי מציע ערך. הוא שימושי באותה מידה לבדיקות עיצוב מהירות, לימוד אופן מבנה הדפים או תיקון חוסר עקביות בפריסה.
מה ניתן לסרוק עם אלמנט Inspect
• גופנים, גדלים, צבעים
• צללים וגבולות
• מיקום וריווח
• נקודות עצירה רספונסיביות
• מבנה עמוד מלא עם שכבות נסתרות
מה שמייחד אותו
1️⃣ בנוי לסקירת טיפוגרפיה, צבעים וריפוד
2️⃣ בודק CSS מלא שמציג סגנונות חיים
3️⃣ קיצורי דרך משולבים עבור Mac ו-Windows
4️⃣ בדיקת האלמנט ללא קונסולה
5️⃣ פועל בשקט ברקע
מה הופך את זה לטוב יותר מבדיקת Chrome המוגדרת כברירת מחדל?
🚀 בלי הסחות דעת - רק פונקציונליות סריקת CSS, בלי עומס כלול
🚀 מעוצב מראש לקריאה במצב בהיר וגם במצב כהה, תמיד אלגנטי
🚀 גילוי מהיר יותר עם קיצורי דרך לגישה מהירה יותר
🚀 משוב מיידי מבדיקת CSS עם דיוק בזמן אמת
מקרי שימוש
💡הרצת סריקת CSS כדי לחקור ולהשוות במהירות סגנונות אתר
💡לגלות כיצד לבצע בדיקת אלמנט ולפתור בעיות ריפוד
💡לימוד כיצד לבדוק אלמנטים במק לצורך בדיקות עיצוב ופריסה מדויקות
💡 סקירת קיצור דרך של Chrome לגישה מהירה יותר ותהליכי עבודה חלקים יותר
תובנות פריסה חכמות
➤ בדיקת אלמנטים בעת ריחוף
➤ הצג שוליים, ריפוד וגבולות
➤ השתמש בקיצור דרך כדי לחקור רכיב
➤ עבודה ללא הסחות דעת או בקשות התחברות
➤ הבנת התנהגות האתר בזמן אמת
נבנה לחקירה ממוקדת
תוסף זה מפשט את תהליך חקר מבנה העיצוב של כל אתר אינטרנט. עם ממשק משתמש נקי, תמיכה בקיצורי דרך וללא טרחה להתחברות, הוא מספק לך גישה מהירה לפרטי הפריסה, המרווחים והעיצוב.
יתרונות נוספים של מציג CSS זה
📌 תמצאו בקלות כל פרט של פריסה בעזרת כלי מפקח ה-CSS שלנו
📌 השתמשו בקיצור הדרך של בדיקת אלמנטים כדי לחסוך זמן ולחיצות
📌 עובד בצורה חלקה כאלמנט בדיקה בכלי ההחלפה של כרום
📌 הדף לא יתרענן בעת פתיחה או סגירה של התוסף
📌 הפעל באמצעות קיצור דרך בדיקה מכל מקום בכל דף אינטרנט
תכונות מגניבות נוספות
🧪 תומך באינטראקציות עבור תוכן דינמי
🧪 ניתן להשתמש בו לצורך סקירות נגישות וביצועים
🧪 מאפשר לימוד קוד פשוט למתחילים
🧪 אנונימי בעיצובו – אין מעקב אחר מידע אישי
❓שאלות נפוצות - שאלות נפוצות
ש: איך לבדוק אלמנט במק?
א: לחצו על סמל ההרחבה או השתמשו בקיצור דרך. עבור מק: Cmd + E. עבור חלונות: Alt + E
ש: במה זה שונה ממפקח כרום המובנה?
א: שלנו מהיר יותר להפעלה, קל יותר לקריאה וחסר הסחות דעת. מעולה לצורכי סריקת CSS מהירה.
ש: האם אתם אוספים את הנתונים שלי?
א: לא. תוסף זה תוכנן תוך שמירה על פרטיותך. איננו משתמשים, מאחסנים או משתפים מידע אישי.
ש: האם ניתן להשתמש בתוסף זה במצב לא מקוון?
א: לא. זה עובד רק עם חיבור אינטרנט פעיל.
ש: האם זה עובד כבודק CSS וכמציץ CSS?
א: יש לו פונקציונליות דומה לקבלת תובנות בזמן אמת על סגנונות פעילים, מחושבים ותורשים.
ש: האם מדובר בהחלפת כרום לבדיקה מלאה של אלמנט החיבור?
א: זוהי גרסה פשוטה וקלה יותר שנבנתה לשימוש מהיר ויומיומי. חשבו עליה כבן לוויה ידידותי לצופי ה-CSS שלכם.
נסו את התוסף המודרני, הפרטי והמהיר הזה עכשיו. בין אם אתם תוהים כיצד לבדוק CSS, צריכים לאתר באגים בשינויי פריסה, או פשוט רוצים תוסף מהיר יותר לצופה CSS, אתם תאהבו את הכלי הקל הזה.
✨ בנוי לפרודוקטיביות. עוצב לבהירות. נוצר עבור הסקרנים.