ארגז הכלים המושלם למפתחים לעיצוב ופיתוח אתרים

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

הכל מועדפים בדיקה לכידה מדידה index.popup_tab_analyse
CSS Inspector
בודק אנימציות
העתק כ-Tailwind
מצב מתאר בלבד
עוזר Tailwind
מתאר דף
מזהה רכיבים
הזז אלמנט
מחק/הסתר אלמנט
ייצא אלמנט
העתק רכיב..
צילום מסך
חילוץ תמונות
SVG Grabber
מחליף תמונות
מחולל QR Code
איך להתחיל

התחל להשתמש ב-DevSuite Pro בכמה לחיצות בלבד

ההתחלה פשוטה. התקן את התוסף, פתח כל דף אינטרנט וגש ל-64+ כלי פיתוח מהחלון הקופץ או מהדוק הצף. אין צורך בהגדרות.

הוסף את התוסף ל-Chrome

  1. פתח את חנות האינטרנט של Chrome וחפש את תוסף "DevSuite Pro".
  2. לחץ על "הוסף ל-Chrome" ואז אשר בלחיצה על "הוסף תוסף" בחלון הקופץ.

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

  1. נווט לכל אתר, ואז לחץ על סמל DevSuite Pro בסרגל הכלים או השתמש בדוק הצף בדף.
  2. בחר כל כלי מהרשת. כלים כמו CSS Inspector, סרגלים או בורר צבעים מופעלים מיד בדף הנוכחי.
תכונות התוסף

התכונות המרכזיות של DevSuite Pro

DevSuite Pro מציע 64+ כלי פיתוח לבדיקה, מדידה, עיצוב וניתוח דפי אינטרנט. שפר את תהליך העבודה שלך עם תכונות חזקות הבנויות ישירות בדפדפן שלך.

CSS Inspector

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

למידע נוסף →

בודק אלמנטים

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

למידע נוסף →

סרגלים ומדריכים

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

למידע נוסף →

בורר צבעים

בחר צבעים מכל אלמנט בדף והעתק ערכי HEX, RGB או HSL ללוח שלך בלחיצה אחת.

למידע נוסף →

לכידת צילום מסך

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

למידע נוסף →

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

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

למידע נוסף →
חקור כלים נוספים בפירוט:
CSS Inspector חינם

בדוק וערוך סגנונות CSS בזמן אמת

בדיקה ושליטה ב-CSS Animations בזמן אמת

המר CSS של כל אלמנט ל-Tailwind Utility Classes

הצג את מבנה ה-layout המלא של כל דף

קבל classes של Tailwind מקוטלגות לכל רכיב

Page Outliner חינם

תצוגת עץ HTML ויזואלית על כל דף אינטרנט

זהה רכיבי React, Vue, Angular ו-Svelte בכל אתר

Drag & Drop למיקום מחדש של כל אלמנט בדף

הסר או החלף נראות של כל אלמנט

ייצא כל אלמנט כ-HTML, CSS, או JSON

צור רכיבי React, Vue ו-Svelte מכל אלמנט

צלם את האזור הגלוי או את הדף המלא

הצג, בחר והורד את כל התמונות מכל דף אינטרנט

SVG Grabber פרו

מצא, תצוגה מקדימה והורד כל SVG בכל דף

החלף כל תמונה בדף עם תמונה משלך

צור QR Code לכל URL או טקסט באופן מיידי

סרגל דף חינם

סרגלים, קווי מנחה ומדידות מדויקות לפיקסל על כל דף

תצוגה מקדימה של מספר viewport מכשירים בו-זמנית

Measure Distance חינם

מדוד מרחקים מדויקים ב-pixel בין כל שני אלמנטים

הדמיית כל stacking context ושכבת z-index

בחינת פריסות CSS Grid ו-Flexbox עם שכבות-על ויזואליות

סימולציית נקודות חמות של תשומת לב משתמשים בכל דף

ניקוי סלקטיבי של cache, cookies, localStorage ו-sessionStorage

Site Stack פרו

זיהוי כל טכנולוגיה מאחורי כל אתר

SEO Inspector חינם

ביקורת SEO מקיפה: meta tags, כותרות, OpenGraph ועוד

ביקורת WCAG אוטומטית: ניגודיות, alt text, ARIA ועוד

לחץ על כל טקסט בכל דף כדי לערוך אותו מיידית

החלף כל גופן בצורה גלובלית או לפי אלמנט מתוך Google Fonts

גלה כל גופן בשימוש בכל דף אינטרנט

Color Picker חינם

eyedropper מדויק לערכי צבע HEX, RGB ו-HSL

Color Palette חינם

חלץ את ה-Color Palette המלא מכל דף אינטרנט

החל dark mode על כל אתר באופן מיידי

הפעל או כבה JavaScript לפי טאב באופן מיידי

עורך Cookie חינם

צפה, ערוך, הוסף ומחק Cookies לכל domain

צפה בפלט ה-console בפאנל צף — ללא DevTools

נטר את כל בקשות הרשת בזמן אמת

צפה, ערוך, הוסף ומחק ערכי localStorage ו-sessionStorage

סרוק כל קישור בדף ואתר את הקישורים השבורים

לוח ביצועים מיידי: זמן טעינה, נתוני DOM ומשאבים

מעצב JSON חינם

עיצוב, כיווץ ואימות JSON בקליק אחד

קודד מחרוזות אל Base64 ומ-Base64 באופן מיידי

קודד & פענוח מחרוזות URL בלחיצה אחת

קודד & פענוח ישויות HTML באופן מיידי

בריחה & ביטול בריחה של מחרוזות לקוד

64 תמונה ↔ Base64 חינם

המר תמונות אל Base64 Data URIs ומ-

מנפה JWT חינם

פענוח אסימוני Web JSON באופן מיידי

מייצר UUID חינם

צור מזהי UUID v4 בתפזורת

מייצר Hash חינם

חישוב MD5, SHA-1, SHA-256, SHA-384, SHA-512 Hashes

צור סיסמאות חזקות קריפטוגרפית

בוחן Regex חינם

בדוק ביטויים קבועים בחיים עם הדגשת התאמה

המר Unix, ISO וניתוח קריא בדוקי

השוואת שני גושי טקסט שורה אחר שורה

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

המרת צבעי HEX, RGB, HSL, HSV ו-OKLCH באופן מיידי

חילוץ הפלטה הדומיננטית מכל תמונה

קבל בוררי CSS ו-XPath לכל אלמנט

בודק CORS חינם

בדיקת בקשות Cross-Origin ובדיקת כותרות CORS

לכידת פריימים (Frames) של WebSocket בזמן אמת

סרוק את הדף לאיתור תמונות שבורות באופן מיידי

מילוי אוטומטי של טפסים עם נתוני בדיקה מציאותיים

המר בין CSV ו-JSON לכל כיוון

מעצב XML חינם

עיצוב, אימות והצגת XML עם הדגשת תחביר

מעצב SQL חינם

עיצוב וסידור שאילתות SQL יפות

המרה ל-PDF חינם

שמירת דפי אינטרנט כ-PDFים נקיים

תמחור ותוכניות

תמחור פשוט ושקוף

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

בסיסי

מושלם לניסיון של DevSuite Pro. אין צורך בכרטיס אשראי.

$0

חינם לתמיד
התחל בחינם
  • 20 כלי פיתוח חינמיים
  • CSS Inspector ובורר צבעים
  • לכידת צילום מסך
  • ממשק דוק צף
  • כל עדכוני העתיד בחינם

חודשי הכי פופולרי

גישה מלאה לכל 64+ הכלים המקצועיים. חיוב חודשי.

$2.99

לחודש
התחל תוכנית חודשית
  • כל 64+ כלי הפיתוח
  • גישה מלאה לכלי Pro
  • עד 3 מכשירים
  • תמיכה בעדיפות
  • בטל בכל עת

חד פעמי הערך הטוב ביותר

שלם פעם אחת, השתמש לנצח. גישה מלאה לכל 64+ כלי הפרו ללא חיובים חוזרים.

$29.99

תשלום חד פעמי
קנה פעם אחת, השתמש לנצח
  • כל 64+ כלי הפיתוח
  • גישה מלאה לכלי Pro
  • עד 3 מכשירים
  • תמיכה בעדיפות
  • ללא חיובים חוזרים
DevSuite Pro FAQ section background
שאלות נפוצות

שאלות נפוצות של משתמשי DevSuite Pro

שאלות נפוצות על תכונות ושימוש בתוסף DevSuite Pro. אם יש לך שאלה, ייתכן שהתשובה כבר מופיעה למטה.

איך מתקינים את DevSuite Pro?

בקר בחנות האינטרנט של Chrome, חפש "DevSuite Pro", לחץ על "הוסף ל-Chrome" ואשר בבחירת "הוסף תוסף". לאחר ההתקנה, סמל התוסף יופיע בסרגל הכלים של הדפדפן. לחץ עליו כדי לגשת מיד ל-64+ כלי פיתוח.

מה ההבדל בין כלים חינמיים לכלי Pro?

כלים חינמיים (20+) זמינים לכולם ללא צורך ברישיון. כלי Pro מסומנים בתג PRO זהב ודורשים רישיון Pro פעיל לשימוש. ניתן לראות אילו כלים חינמיים או Pro מהחלון הקופץ — לכלים חינמיים אין סמל מנעול, בעוד שכלי Pro מופיעים מעט עמומים עד שתפעיל את הרישיון שלך.

למה כלי מסוים לא עובד באתרים מסוימים?

לחלק מהאתרים יש מדיניות אבטחת תוכן (CSP) מחמירה שחוסמת פעולות מסוימות של תוספי דפדפן. זה נפוץ במיוחד באתרי בנקים ואתרים ממשלתיים. בנוסף, דפים פנימיים של Chrome (chrome://) אינם מאפשרים לתוספים להריץ סקריפטי תוכן.

האם השינויים שלי בדף הם קבועים?

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

איך מפעילים את רישיון ה-Pro?

פתח את החלון הקופץ של DevSuite Pro, לחץ על סמל ההגדרות בפינה הימנית העליונה. גלול למטה לחלק הרישיון, הדבק את מפתח הרישיון שלך בשדה הקלט ולחץ על הפעל. אם המפתח תקף, התג ישתנה מ-FREE ל-PRO וכל כלי ה-Pro ייפתחו מיד.

איך להזיז או להסתיר את הדוק הצף?

ניתן להזיז את הדוק על ידי כניסה להגדרות ובחירת מיקום סרגל צד אחר — עליון, תחתון, שמאלי או ימני. ניתן גם להסתיר את הדוק לחלוטין על ידי כיבוי "הצג דוק בדפים" בהגדרות, או לחיצה על Ctrl+Shift+X בכל עת.

האם DevSuite Pro אוסף נתוני גלישה?

לא. DevSuite Pro אינו אוסף, עוקב או משדר את נתוני הגלישה שלך. כל ההגדרות מאוחסנות מקומית בדפדפן שלך. הבקשה החיצונית היחידה שנעשית היא בעת הפעלת מפתח הרישיון לאימות המפתח שלך מול השרת שלנו.

האם אפשר להשתמש ב-DevSuite Pro ב-Firefox?

כן! DevSuite Pro זמין גם בחנות האינטרנט של Chrome וגם בתוספי Firefox. הוא עובד על Chrome, Edge, Brave ודפדפנים אחרים מבוססי Chromium, וכן על Firefox.