DevSuite Pro

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

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

הוסף ל-Chrome הוסף ל-FireFox הוסף ל-Edge

איך להתחיל

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

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

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

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

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

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

תכונות התוסף

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

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

CSS Inspector

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

למידע נוסף →

בודק אלמנטים

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

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

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

בורר צבעים

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

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

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

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

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

חקור כלים נוספים בפירוט:

CSS Inspector חינם

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

Animation Inspector פרו

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

Copy as Tailwind פרו

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

מצב outline בלבד חינם

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

Tailwind Helper פרו

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

Page Outliner חינם

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

Component Detector פרו

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

הזזת אלמנט פרו

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

מחיקה/הסתרת אלמנט חינם

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

ייצוא אלמנט פרו

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

העתקת קוד רכיב פרו

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

צילום מסך חינם

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

חילוץ תמונות חינם

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

SVG Grabber פרו

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

Image Replacer פרו

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

מחולל QR Code חינם

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

סרגל דף חינם

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

Responsive Viewer פרו

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

Measure Distance חינם

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

בודק Z-Index פרו

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

ויזואליזר Grid/Flex פרו

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

Heatmap Simulator פרו

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

Clear Browsing Data חינם

ניקוי סלקטיבי של 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 חינם

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

הפעל/כבה JavaScript חינם

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

עורך Cookie חינם

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

Console Logger (מתעד פלט) חינם

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

ניטור רשת פרו

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

עורך Local Storage חינם

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

בודק קישורים שבורים פרו

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

ביצועי דף חינם

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

JSON Formatter חינם

Format, Minify & Validate JSON in a Click

Base64 Encode / Decode חינם

Encode Strings To & From Base64 Instantly

URL Encoder / Decoder חינם

Encode & Decode URL Strings in One Click

HTML Entity Encoder חינם

Encode & Decode HTML Entities Instantly

Backslash Escape / Unescape חינם

Escape & Unescape Strings for Code

Image ↔ Base64 חינם

Convert Images To & From Base64 Data URIs

JWT Debugger חינם

Decode JSON Web Tokens Instantly

UUID Generator חינם

Generate Bulk UUID v4 Identifiers

Hash Generator חינם

Compute MD5, SHA-1, SHA-256, SHA-384, SHA-512 Hashes

Password Generator חינם

Generate Cryptographically Strong Passwords

Regex Tester חינם

Test Regular Expressions Live With Match Highlighting

Timestamp Converter חינם

Convert Unix, ISO, and Human-Readable Dates

Diff Tool חינם

Compare Two Text Blocks Line By Line

Contrast Checker חינם

Check WCAG Contrast Ratio of Any Two Colors

Color Format Converter חינם

Convert HEX, RGB, HSL, HSV & OKLCH Instantly

Image Color Extractor חינם

Extract The Dominant Palette From Any Image

DOM Path Finder פרו

Get CSS Selectors & XPath For Any Element

CORS Checker חינם

Test Cross-Origin Requests & Inspect CORS Headers

WebSocket Inspector פרו

Capture WebSocket Frames in Real Time

Broken Image Finder חינם

Scan The Page For Broken Images Instantly

Form Filler פרו

Auto-Fill Forms With Realistic Test Data

CSV ↔ JSON Converter חינם

Convert Between CSV and JSON in Either Direction

XML Formatter חינם

Format, Validate & View XML With Syntax Highlighting

SQL Formatter חינם

Beautify & Format SQL Queries

Convert to PDF חינם

Save Web Pages As Clean PDFs

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

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

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

בסיסי

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

$0

חינם לתמיד

התחל בחינם

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

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

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

$2.99

לחודש

התחל תוכנית חודשית

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

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

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

$29.99

תשלום חד פעמי

קנה פעם אחת, השתמש לנצח

כל 39+ כלי הפיתוח
גישה מלאה לכלי Pro
עד 3 מכשירים
תמיכה בעדיפות
ללא חיובים חוזרים

שאלות נפוצות

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

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

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

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

מה ההבדל בין כלים חינמיים לכלי 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.