DevSuite Pro

የመጨረሻው የገንቢ መሣሪያ ስብስብ ለድር ዲዛይን እና ልማት

ድረ-ገጾችን በቀጥታ በአሳሽዎ ውስጥ ለመመርመር፣ ለመለካት፣ ለመቅረጽ፣ ለመተንተን እና ለመንደፍ 39+ ኃይለኛ መሣሪያዎች።

ወደ Chrome ያክሉ ወደ FireFox ያክሉ ወደ Edge ያክሉ

እንዴት መጀመር እንደሚቻል

DevSuite Pro ን በጥቂት ጠቅታዎች መጠቀም ይጀምሩ

መጀመር ቀላል ነው። ቅጥያውን ይጫኑ፣ ማንኛውንም ድረ-ገጽ ይክፈቱ እና 39+ የገንቢ መሣሪያዎችን ከፖፕአፕ ወይም ተንሳፋፊ ዶክ ያግኙ። ምንም ውቅር አያስፈልግም።

ቅጥያውን ወደ Chrome ያክሉ

የChrome ድር መደብርን ይክፈቱ እና የ "DevSuite Pro" ቅጥያን ይፈልጉ።
"ወደ Chrome ያክሉ" የሚለውን ይጫኑ፣ ከዚያ በፖፕአፕ መስኮቱ ላይ "Add extension" የሚለውን በመጫን ያረጋግጡ።

ማንኛውንም ድረ-ገጽ ይክፈቱ እና መሣሪያ ይጀምሩ

ወደ ማንኛውም ድረ-ገጽ ይሂዱ፣ ከዚያ በመሳሪያ አሞሌው ላይ ያለውን የ DevSuite Pro አዶን ይጫኑ ወይም በገጹ ላይ ያለውን ተንሳፋፊ ዶክ ይጠቀሙ።
ከግሪዱ ውስጥ ማንኛውንም መሣሪያ ይምረጡ። እንደ CSS Inspector፣ መሪዎች ወይም የቀለም መምረጫ ያሉ መሳሪያዎች አሁን ባለው ገጽ ላይ ወዲያውኑ ይሰራሉ።

የቅጥያ ባህሪያት

የDevSuite Pro ቁልፍ ባህሪያት

DevSuite Pro ለድር ገጽ ምርመራ፣ ልኬት፣ ዲዛይን እና ትንተና 39+ የገንቢ መሣሪያዎችን ያቀርባል። በቀጥታ በአሳሽዎ ውስጥ በተገነቡ ኃይለኛ ባህሪያት የስራ ፍሰትዎን ያፋጥኑ።

CSS Inspector

ማንኛውንም ኤለመንት ላይ በማንዣበብ የCSS ስታይሎችን ወዲያውኑ ይመልከቱ እና በቀጥታ ያርሙ፣ ይህም ዲዛይኖችን በቅጽበት ለማስተካከል ቀላል ያደርገዋል።

ተጨማሪ ይወቁ →

ኤለመንት መርማሪ

የማንኛውንም ኤለመንት ባህሪያት፣ ልኬቶች፣ ክፍተቶች፣ ፎንቶች እና ቀለሞች ለመመርመር እሱን ይጫኑ። የአሳሹን DevTools ሳይከፍቱ የገጽ አወቃቀሩን ወዲያውኑ ይረዱ።

መሪዎች እና መመሪያዎች

ርቀቶችን ይለኩ፣ አሰላለፍን ያረጋግጡ እና ዲዛይኖችዎ በትክክል የተሰለፉ መሆናቸውን ለማረጋገጥ በማንኛውም ድረ-ገጽ ላይ ትክክለኛ መሪዎችን እና መመሪያዎችን ያክሉ።

የቀለም መምረጫ (Color Picker)

በገጹ ላይ ካለው ማንኛውም ኤለመንት ቀለሞችን ይምረጡ እና የHEX፣ RGB ወይም HSL እሴቶችን በአንድ ጠቅታ ወደ ክሊፕቦርድዎ ይቅዱ።

ስክሪንሾት መቅዳት

የማንኛውንም ድረ-ገጽ ሙሉ ገጽ ወይም የሚታየውን ቦታ ስክሪንሾት ያንሱ እና ወዲያውኑ ያውርዱ — ዲዛይኖችን ለማጋራት እና ስህተቶችን ሪፖርት ለማድረግ ተመራጭ ነው።

ተስማሚነት መፈተኛ

አሳሹን ሳይለቁ ተስማሚ ዲዛይንን ለመፈተሽ ድረ-ገጹን በተለያዩ የስክሪን መጠኖች እና የመሳሪያ ጥራቶች አስቀድመው ይመልከቱ።

ተጨማሪ መሳሪያዎችን በዝርዝር ያስሱ:

CSS መርማሪ ነፃ

CSS ስታይሎችን በቅጽበት ይፈትሹ እና ያርትዑ

የአኒሜሽን መርማሪ ፕሮ

የCSS አኒሜሽኖችን በእውነተኛ ጊዜ ይቆጣጠሩ እና ያስተካክሉ

እንደ Tailwind ቅዳ ፕሮ

የማንኛውንም ኤለመንት CSS ወደ Tailwind Utility ክፍሎች ይለውጡ

Outline ሁነታ ብቻ ነፃ

የማንኛውም ገጽ አጠቃላይ የሌይአውት አወቃቀር በምስል ይመልከቱ

Tailwind ረዳት ፕሮ

ለማንኛውም ኤለመንት የተደረደሩ Tailwind ክፍሎችን ያግኙ

Page Outliner (DOM መዋቅር) ነፃ

በማንኛውም ድረ-ገጽ ላይ የHTML ዛፍ ቅርጽ አወቃቀርን በእይታ ይመልከቱ

ክፍል ፈላጊ ፕሮ

በማንኛውም ጣቢያ ላይ React፣ Vue፣ Angular እና Svelte ክፍሎችን ያግኙ

ኤለመንትን ማንቀሳቀስ (Move Element) ፕሮ

በገጹ ላይ ያለን ማንኛውንም ኤለመንት በጎተት-እና-ልቀቅ (Drag & Drop) ቦታውን ይቀይሩ

ኤለመንትን ሰርዝ/ደብቅ (Delete/Hide Element) ነፃ

የማንኛውንም ኤለመንት መታየት ያስወግዱ ወይም ይቀይሩ

ኤለመንት ወደ ውጪ ላክ ፕሮ

ማንኛውንም ኤለመንት እንደ HTML፣ CSS ወይም JSON ይላኩ

የክፍል ኮድ ቅዳ ፕሮ

ከማንኛውም ኤለመንት React፣ Vue እና Svelte ክፍሎችን ያመንጩ

ቅጽበታዊ ምስል ነፃ

የሚታየውን ቦታ ወይም ሙሉ ገጽ ቅጽበታዊ ምስሎችን ያንሱ

ምስሎችን ያውጡ ነፃ

ከማንኛውም ድረ-ገጽ ሁሉንም ምስሎች ይመልከቱ፣ ይምረጡ እና ያውርዱ

SVG ያዥ ፕሮ

በማንኛውም ገጽ ላይ ማንኛውንም SVG ያግኙ፣ ቅድመ-እይታ ይመልከቱ እና ያውርዱ

ምስል ተኪ ፕሮ

በገጽ ላይ ማንኛውንም ምስል ከእርስዎ ጋር ይቀያይሩ

QR ኮድ ማመንጫ ነፃ

ለማንኛውም URL ወይም ጽሁፍ QR ኮዶችን ወዲያውኑ ያመንጩ

ገጽ መስመር ነፃ

በማንኛውም ገጽ ላይ ፒክሰል-ትክክለኛ መስመሮች፣ መመሪያዎች እና ልኬቶች

ምላሽ ሰጪ ተመልካች ፕሮ

ብዙ መሳሪያ Viewports በአንድ ጊዜ ቅድመ-እይታ ይመልከቱ

ርቀት ይለኩ ነፃ

በማንኛውም ሁለት ኤለመንቶች መካከል ትክክለኛ ፒክሰል ርቀቶችን ይለኩ

Z-Index መርማሪ ፕሮ

ማንኛውንም ተደራራቢ አውድ (Stacking Context) እና Z-Index ሽፋን ያሳዩ

Grid/Flex ማሳያ ፕሮ

CSS Grid እና Flexbox አቀማመጦችን ከምስላዊ ሽፋኖች ጋር ይፈትሹ

ሙቀት ካርታ ሲሙሌተር ፕሮ

በማንኛውም ገጽ ላይ የተጠቃሚ ትኩረት ሙቅ ነጥቦችን ያስመስሉ

የማሰስ ውሂብ ያጽዱ ነፃ

ካሽ፣ ኩኪዎች፣ localStorage እና sessionStorage በምርጫ ያጽዱ

Site Stack ፕሮ

ከማንኛውም ድረ-ገጽ ጀርባ ያለውን ማንኛውንም ቴክኖሎጂ ይለዩ

SEO መርማሪ ነፃ

ጠቅላላ SEO ኦዲት፡ Meta Tags፣ ርዕሶች፣ OpenGraph እና ተጨማሪ

ተደራሽነት መርማሪ ፕሮ

አውቶማቲክ WCAG ኦዲት፡ ንፅፅር፣ Alt ጽሁፍ፣ ARIA እና ተጨማሪ

ቀጥታ ጽሁፍ አርታኢ ነፃ

ለማርትዕ በማንኛውም ገጽ ላይ ማንኛውንም ጽሁፍ ጠቅ ያድርጉ

ፎንት ቀያሪ ፕሮ

ከ Google Fonts ማንኛውንም ፎንት ሁለንተናዊ ወይም ለእያንዳንዱ ኤለመንት ይቀይሩ

ሁሉንም ፎንቶች ዘርዝር ነፃ

በማንኛውም ድረ-ገጽ ላይ ጥቅም ላይ የዋለ ማንኛውንም ፎንት ያግኙ

ቀለም መራጭ ነፃ

ለ HEX፣ RGB እና HSL ቀለም ዋጋዎች ትክክለኛ አይን-ጠብታ መሳሪያ

ቀለም ሰሌዳ ነፃ

ከማንኛውም ድረ-ገጽ ሙሉ ቀለም ሰሌዳ ያውጡ

ጨለማ ሁነታ አስገድድ ነፃ

በማንኛውም ድረ-ገጽ ላይ ጨለማ ሁነታ ወዲያውኑ ተግብር

JavaScript ቀያሪ ነፃ

JavaScript ን ለእያንዳንዱ ትር ወዲያውኑ ያንቁ ወይም ያጥፉ

ኩኪ አርታኢ ነፃ

ለማንኛውም ዶሜይን ኩኪዎችን ይመልከቱ፣ ያርትዑ፣ ይጨምሩ እና ይሰርዙ

ኮንሶል መዝጋቢ ነፃ

ያለ DevTools በተንሳፋፊ ፓነል ውስጥ ኮንሶል ውፅዓት ይመልከቱ

ኔትዎርክ ክትትል ፕሮ

ሁሉንም ኔትዎርክ ጥያቄዎች ቅጽበታዊ ይከታተሉ

የአካባቢ ማከማቻ አርታኢ ነፃ

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+ የገንቢ መሣሪያዎች
የፕሮ መሣሪያዎች ሙሉ መዳረሻ
እስከ 3 መሳሪያዎች
ቅድሚያ የሚሰጠው ድጋፍ
በማንኛውም ጊዜ ይሰርዙ

የአንድ ጊዜ ክፍያ ምርጥ ዋጋ

አንድ ጊዜ ይክፈሉ፣ ለዘላለም ይጠቀሙ። ያለ ምንም የደንበኝነት ምዝገባ ክፍያ ሁሉንም 39+ ፕሮ መሣሪያዎች ሙሉ በሙሉ ያግኙ::

$29.99

የአንድ ጊዜ ክፍያ

አንድ ጊዜ ይግዙ፣ ለዘላለም ይጠቀሙ

ሁሉም 39+ የገንቢ መሣሪያዎች
የፕሮ መሣሪያዎች ሙሉ መዳረሻ
እስከ 3 መሳሪያዎች
ቅድሚያ የሚሰጠው ድጋፍ
ምንም ተጨማሪ ክፍያ የለም

ተደጋጋሚ ጥያቄዎች

ከDevSuite Pro ተጠቃሚዎች ተደጋጋሚ ጥያቄዎች

ስለ DevSuite Pro ቅጥያ ባህሪያት እና አጠቃቀም የተለመዱ ጥያቄዎች። ጥያቄ ካለዎት መልሱ ከታች ሊሆን ይችላል።

DevSuite Pro ን እንዴት መጫን እችላለሁ?

የChrome ድር መደብርን ይጎብኙ፣ "DevSuite Pro" ን ይፈልጉ፣ "Add to Chrome" ን ይጫኑ እና "Add Extension" የሚለውን በመምረጥ ያረጋግጡ። አንዴ ከተጫነ የቅጥያው አዶ በአሳሽዎ የመሳሪያ አሞሌ ላይ ይታያል። 39+ የገንቢ መሳሪያዎችን ወዲያውኑ ለማግኘት እሱን ይጫኑ።

በነፃ እና በፕሮ መሣሪያዎች መካከል ያለው ልዩነት ምንድነው?

ነፃ መሳሪያዎች (20+) ያለ ፈቃድ ለማንም ይገኛሉ። የፕሮ መሣሪያዎች ወርቃማ PRO ባጅ አላቸው እና እነሱን ለመጠቀም ንቁ የፕሮ ፈቃድ ያስፈልጋቸዋል። በፖፕአፕ ውስጥ የትኞቹ መሳሪያዎች ነፃ ወይም ፕሮ እንደሆኑ ማየት ይችላሉ — ነፃ መሣሪያዎች የመቆለፊያ አዶ አይኖራቸውም ፣ የፕሮ መሣሪያዎች ግን ፈቃድዎን እስኪያነቁ ድረስ ትንሽ ደብዝዘው ይታያሉ።

መሣሪያው በአንዳንድ ድረ-ገጾች ላይ ለምን አይሰራም?

አንዳንድ ድረ-ገጾች የአሳሽ ቅጥያዎችን አንዳንድ ድርጊቶች የሚያግዱ ጥብቅ የይዘት ደህንነት ፖሊሲዎች (CSP) አሏቸው። ይህ በተለይ በባንክ እና በመንግስት ድረ-ገጾች ላይ የተለመደ ነው። በተጨማሪም፣ የChrome ውስጣዊ ገጾች (chrome://) ቅጥያዎች የይዘት ስክሪፕቶችን እንዲያሄዱ አይፈቅዱም።

በገጹ ላይ የማደርጋቸው ለውጦች ቋሚ ናቸው?

አይደለም። እንደ ኤለመንትን አንቀሳቅስ፣ የቀጥታ ጽሑፍ አርታኢ፣ ኤለመንትን ሰርዝ/ደብቅ እና CSS Inspector ባሉ መሳሪያዎች የሚደረጉ ሁሉም ለውጦች ጊዜያዊ ናቸው። በአሁኑ ጊዜ በአሳሽዎ ውስጥ የሚያዩትን ብቻ ነው የሚነኩት። ገጹን ማደስ ሁሉንም ነገር ወደ መጀመሪያው ሁኔታው ይመልሰዋል።

የፕሮ ፈቃዴን እንዴት ማንቃት እችላለሁ?

የDevSuite Pro ፖፕአፕ ይክፈቱ፣ በላይኛው ቀኝ ጥግ ላይ ያለውን የቅንጅቶች አዶ ይጫኑ። ወደ ፈቃድ ክፍሉ ዝቅ ይበሉ፣ የፈቃድ ቁልፍዎን በጽሑፍ ሳጥኑ ውስጥ ይለጥፉ እና አንቃ የሚለውን ይጫኑ። ቁልፉ ትክክል ከሆነ ባጁ ከ FREE ወደ PRO ይቀየራል እና ሁሉም ፕሮ መሣሪያዎች ወዲያውኑ ይከፈታሉ።

ተንሳፋፊውን ዶክ እንዴት ማንቀሳቀስ ወይም መደበቅ እችላለሁ?

ወደ ቅንጅቶች በመሄድ እና ሌላ የጎን አሞሌ ቦታ በመምረጥ — ከላይ ፣ ከታች ፣ ግራ ወይም ቀኝ — ዶኩን ማንቀሳቀስ ይችላሉ። እንዲሁም በቅንጅቶች ውስጥ "ዶክን በገጾች ላይ አሳይ" የሚለውን በማጥፋት ወይም በማንኛውም ጊዜ Ctrl+Shift+X በመጫን ዶኩን ሙሉ በሙሉ መደበቅ ይችላሉ።

DevSuite Pro የአሰሳ ውሂብ ይሰበስባል?

አይ. DevSuite Pro ማንኛውንም የአሰሳ ውሂብዎን አይሰበስብም፣ አይከታተልም ወይም አያስተላልፍም። ሁሉም ቅንብሮች በአሳሽዎ ውስጥ በአገር ውስጥ ተቀምጠዋል። ብቸኛው የውጭ ጥያቄ ቁልፍዎን በሰርቨራችን ላይ ለማረጋገጥ በፈቃድ ቁልፍ ማግበር ወቅት ይላካል።

DevSuite Pro ን በFirefox ላይ መጠቀም እችላለሁ?

አዎ! DevSuite Pro በChrome ድር መደብር እና በFirefox Add-ons ላይ ይገኛል። በChrome፣ Edge፣ Brave እና ሌሎች በChromium ላይ የተመሰረቱ አሳሾች፣ እንዲሁም በFirefox ላይ ይሰራል።