הוסף את התוסף ל-Chrome
- פתח את חנות האינטרנט של Chrome וחפש את תוסף "DevSuite Pro".
- לחץ על "הוסף ל-Chrome" ואז אשר בלחיצה על "הוסף תוסף" בחלון הקופץ.
64+ כלים חזקים לבדיקה, מדידה, לכידה, ניתוח ועיצוב דפי אינטרנט ישירות בדפדפן שלך.
ההתחלה פשוטה. התקן את התוסף, פתח כל דף אינטרנט וגש ל-64+ כלי פיתוח מהחלון הקופץ או מהדוק הצף. אין צורך בהגדרות.
DevSuite Pro מציע 64+ כלי פיתוח לבדיקה, מדידה, עיצוב וניתוח דפי אינטרנט. שפר את תהליך העבודה שלך עם תכונות חזקות הבנויות ישירות בדפדפן שלך.
רחף מעל כל אלמנט כדי לצפות ולערוך את סגנונות ה-CSS שלו בזמן אמת, מה שמקל על איתור באגים וכוונון עיצובים.
למידע נוסף →לחץ על כל אלמנט כדי לבדוק את המאפיינים, המידות, הריווח, הגופנים והצבעים שלו. הבן את מבנה הדף מיד ללא פתיחת כלי הפיתוח של הדפדפן.
למידע נוסף →מדוד מרחקים, בדוק יישור והוסף סרגלים ומדריכים מדויקים בפיקסלים על כל דף אינטרנט כדי להבטיח שהעיצובים שלך מיושרים בצורה מושלמת.
למידע נוסף →צלם צילומי מסך של דף שלם או אזור נראה של כל דף אינטרנט והורד אותם מיד, מושלם לשיתוף עיצובים ודיווח על באגים.
למידע נוסף →צפה בתצוגה מקדימה של כל דף אינטרנט בגדלי מסך ורזולוציות מכשיר שונים כדי לבדוק עיצוב רספונסיבי מבלי לעזוב את הדפדפן.
למידע נוסף →בדוק וערוך סגנונות CSS בזמן אמת
בדיקה ושליטה ב-CSS Animations בזמן אמת
המר CSS של כל אלמנט ל-Tailwind Utility Classes
הצג את מבנה ה-layout המלא של כל דף
קבל classes של Tailwind מקוטלגות לכל רכיב
תצוגת עץ HTML ויזואלית על כל דף אינטרנט
זהה רכיבי React, Vue, Angular ו-Svelte בכל אתר
Drag & Drop למיקום מחדש של כל אלמנט בדף
הסר או החלף נראות של כל אלמנט
ייצא כל אלמנט כ-HTML, CSS, או JSON
צור רכיבי React, Vue ו-Svelte מכל אלמנט
צלם את האזור הגלוי או את הדף המלא
הצג, בחר והורד את כל התמונות מכל דף אינטרנט
מצא, תצוגה מקדימה והורד כל SVG בכל דף
החלף כל תמונה בדף עם תמונה משלך
צור QR Code לכל URL או טקסט באופן מיידי
סרגלים, קווי מנחה ומדידות מדויקות לפיקסל על כל דף
תצוגה מקדימה של מספר viewport מכשירים בו-זמנית
מדוד מרחקים מדויקים ב-pixel בין כל שני אלמנטים
הדמיית כל stacking context ושכבת z-index
בחינת פריסות CSS Grid ו-Flexbox עם שכבות-על ויזואליות
סימולציית נקודות חמות של תשומת לב משתמשים בכל דף
ניקוי סלקטיבי של cache, cookies, localStorage ו-sessionStorage
זיהוי כל טכנולוגיה מאחורי כל אתר
ביקורת SEO מקיפה: meta tags, כותרות, OpenGraph ועוד
ביקורת WCAG אוטומטית: ניגודיות, alt text, ARIA ועוד
לחץ על כל טקסט בכל דף כדי לערוך אותו מיידית
החלף כל גופן בצורה גלובלית או לפי אלמנט מתוך Google Fonts
גלה כל גופן בשימוש בכל דף אינטרנט
eyedropper מדויק לערכי צבע HEX, RGB ו-HSL
חלץ את ה-Color Palette המלא מכל דף אינטרנט
החל dark mode על כל אתר באופן מיידי
הפעל או כבה JavaScript לפי טאב באופן מיידי
צפה, ערוך, הוסף ומחק Cookies לכל domain
צפה בפלט ה-console בפאנל צף — ללא DevTools
נטר את כל בקשות הרשת בזמן אמת
צפה, ערוך, הוסף ומחק ערכי localStorage ו-sessionStorage
סרוק כל קישור בדף ואתר את הקישורים השבורים
לוח ביצועים מיידי: זמן טעינה, נתוני DOM ומשאבים
עיצוב, כיווץ ואימות JSON בקליק אחד
קודד מחרוזות אל Base64 ומ-Base64 באופן מיידי
קודד & פענוח מחרוזות URL בלחיצה אחת
קודד & פענוח ישויות HTML באופן מיידי
בריחה & ביטול בריחה של מחרוזות לקוד
המר תמונות אל Base64 Data URIs ומ-
פענוח אסימוני Web JSON באופן מיידי
צור מזהי UUID v4 בתפזורת
חישוב MD5, SHA-1, SHA-256, SHA-384, SHA-512 Hashes
צור סיסמאות חזקות קריפטוגרפית
בדוק ביטויים קבועים בחיים עם הדגשת התאמה
המר Unix, ISO וניתוח קריא בדוקי
השוואת שני גושי טקסט שורה אחר שורה
בדוק יחס ניגודיות WCAG של כל שני צבעים
המרת צבעי HEX, RGB, HSL, HSV ו-OKLCH באופן מיידי
חילוץ הפלטה הדומיננטית מכל תמונה
קבל בוררי CSS ו-XPath לכל אלמנט
בדיקת בקשות Cross-Origin ובדיקת כותרות CORS
לכידת פריימים (Frames) של WebSocket בזמן אמת
סרוק את הדף לאיתור תמונות שבורות באופן מיידי
מילוי אוטומטי של טפסים עם נתוני בדיקה מציאותיים
המר בין CSV ו-JSON לכל כיוון
עיצוב, אימות והצגת XML עם הדגשת תחביר
עיצוב וסידור שאילתות SQL יפות
שמירת דפי אינטרנט כ-PDFים נקיים
בחר את התוכנית שמתאימה לתהליך העבודה שלך. התחל בחינם, שדרג בכל עת.
שאלות נפוצות על תכונות ושימוש בתוסף DevSuite Pro. אם יש לך שאלה, ייתכן שהתשובה כבר מופיעה למטה.
בקר בחנות האינטרנט של Chrome, חפש "DevSuite Pro", לחץ על "הוסף ל-Chrome" ואשר בבחירת "הוסף תוסף". לאחר ההתקנה, סמל התוסף יופיע בסרגל הכלים של הדפדפן. לחץ עליו כדי לגשת מיד ל-64+ כלי פיתוח.
כלים חינמיים (20+) זמינים לכולם ללא צורך ברישיון. כלי Pro מסומנים בתג PRO זהב ודורשים רישיון Pro פעיל לשימוש. ניתן לראות אילו כלים חינמיים או Pro מהחלון הקופץ — לכלים חינמיים אין סמל מנעול, בעוד שכלי Pro מופיעים מעט עמומים עד שתפעיל את הרישיון שלך.
לחלק מהאתרים יש מדיניות אבטחת תוכן (CSP) מחמירה שחוסמת פעולות מסוימות של תוספי דפדפן. זה נפוץ במיוחד באתרי בנקים ואתרים ממשלתיים. בנוסף, דפים פנימיים של Chrome (chrome://) אינם מאפשרים לתוספים להריץ סקריפטי תוכן.
לא. כל השינויים שנעשו על ידי כלים כמו הזז אלמנט, עורך טקסט חי, מחק/הסתר אלמנט ו-CSS Inspector הם זמניים. הם משפיעים רק על מה שאתה רואה בדפדפן שלך כרגע. רענון הדף ישחזר הכל למצבו המקורי.
פתח את החלון הקופץ של DevSuite Pro, לחץ על סמל ההגדרות בפינה הימנית העליונה. גלול למטה לחלק הרישיון, הדבק את מפתח הרישיון שלך בשדה הקלט ולחץ על הפעל. אם המפתח תקף, התג ישתנה מ-FREE ל-PRO וכל כלי ה-Pro ייפתחו מיד.
ניתן להזיז את הדוק על ידי כניסה להגדרות ובחירת מיקום סרגל צד אחר — עליון, תחתון, שמאלי או ימני. ניתן גם להסתיר את הדוק לחלוטין על ידי כיבוי "הצג דוק בדפים" בהגדרות, או לחיצה על Ctrl+Shift+X בכל עת.
לא. DevSuite Pro אינו אוסף, עוקב או משדר את נתוני הגלישה שלך. כל ההגדרות מאוחסנות מקומית בדפדפן שלך. הבקשה החיצונית היחידה שנעשית היא בעת הפעלת מפתח הרישיון לאימות המפתח שלך מול השרת שלנו.
כן! DevSuite Pro זמין גם בחנות האינטרנט של Chrome וגם בתוספי Firefox. הוא עובד על Chrome, Edge, Brave ודפדפנים אחרים מבוססי Chromium, וכן על Firefox.