Instrumentul Suprem Trusa de Instrumente pentru Dezvoltatori pentru Web Design și Dezvoltare

Peste 64 de instrumente puternice pentru a inspecta, măsura, captura, analiza și proiecta pagini web direct în browserul tău.

Toate Favorite Inspectează Capturează Măsoară index.popup_tab_analyse
CSS Inspector
Inspector de Animații
Copiază ca Tailwind
Mod Doar Contur
Ajutor Tailwind
Contur Pagina
Detector de Componente
Mută Elementul
Șterge/Ascunde Elementul
Exportă Elementul
Copiază Componenta
Captură de Ecran
Extrage Imagini
SVG Grabber
Înlocuitor de Imagini
Generator Cod QR
Cum să începi

Începe să folosești DevSuite Pro în câteva clicuri

Începerea este simplă. Instalează extensia, deschide orice pagină web și accesează peste 64 de instrumente pentru dezvoltatori din pop-up sau dock-ul plutitor. Nu este necesară nicio configurare.

Adaugă extensia în Chrome

  1. Deschide Chrome Web Store și caută extensia "DevSuite Pro".
  2. Apasă pe "Add to Chrome" și apoi confirmă apăsând "Add extension" în fereastra pop-up.

Deschide orice pagină web și lansează instrumentul

  1. Mergi pe orice site web, apoi apasă pe pictograma DevSuite Pro din bara de instrumente sau folosește dock-ul plutitor de pe pagină.
  2. Alege orice instrument din grilă. Instrumente precum CSS Inspector, Riglă sau Color Picker sunt activate instantaneu pe pagina curentă.
Funcționalități Extensie

Funcționalitățile Principale DevSuite Pro

DevSuite Pro oferă peste 64 de instrumente pentru dezvoltatori pentru inspecție, măsurare, proiectare și analiza paginilor web. Accelerează-ți fluxul de lucru cu funcționalități puternice integrate direct în browserul tău.

CSS Inspector

Treceți cu mouse-ul peste orice element pentru a-i vedea stilurile CSS instantaneu și pentru a le edita live, facilitând depanarea și ajustarea designului în timp real.

Află mai multe →

Inspector de Elemente

Apasă pe orice element pentru a-i inspecta proprietățile, dimensiunile, spațierea, fonturile și culorile. Înțelege structura paginii imediat fără a deschide DevTools din browser.

Află mai multe →

Riglă și Ghidaje

Măsoară distanțe, verifică alinierea și adaugă rigle și ghidaje cu precizie de pixel pe orice pagină web pentru a te asigura că designul tău este perfect aliniat.

Află mai multe →

Selector de culoare

Alege culori de pe orice element de pe pagină și copiază valorile HEX, RGB sau HSL în clipboard cu un singur clic.

Află mai multe →

Captură de Ecran

Capturează ecrane întregi sau zone vizibile ale oricărei pagini web și descarcă-le instantaneu — perfect pentru a partaja design-uri și a raporta bug-uri.

Află mai multe →

Tester Responsiv

Previzualizează orice pagină web la diferite dimensiuni de ecran și rezoluții de dispozitive pentru a testa designul responsiv fără a părăsi browserul.

Află mai multe →
Explorează mai multe instrumente în detaliu:
Ispettore CSS GRATUIT

Inspecție și Editare a Stilurilor CSS în Timp Real

CSS Inspector este un instrument puternic pentru dezvoltatori care vă permite să vizualizați toate proprietățile CSS…

Depanează și controlează animațiile CSS în timp real

Animation Inspector îți oferă control complet asupra fiecărei animații CSS și transition care rulează pe orice pagină web.

Convertește CSS-ul oricărui element în clase utilitare Tailwind

Copy as Tailwind face legătura dintre design-ul vizual și codul Tailwind CSS.

Modul Outline GRATUIT

Vizualizează Structura Completă a Layout-ului Oricărei Pagini

Modul Outline adaugă contururi colorate fiecărui element HTML de pe o pagină web, oferindu-ți o vedere instantanee în…

Obține Clase Tailwind Categorizate pentru Orice Element

Tailwind Helper inspectează orice element de pe o pagină web și generează o defalcare cuprinzătoare și categorizată a…

Contur Pagină GRATUIT

Vizualizare Arbore HTML ca Suprapunere pe Orice Pagină Web

Contur Pagină redă structura completă DOM a oricărei pagini web ca o suprapunere vizuală tip arbore — direct pe pagina în sine.

Detectează Componente React, Vue, Angular & Svelte pe Orice Site

Detector Componente identifică automat ce framework frontend folosește un site și dezvăluie arborele complet de componente.

Drag & Drop pentru Repoziționarea Oricărui Element pe o Pagină

Mutare Element îți permite să faci clic pe orice element dintr-o pagină web și să îl tragi fizic într-o nouă poziție.

Elimină sau Comută Vizibilitatea Oricărui Element

Ștergere/Ascundere Element îți permite să elimini sau să ascunzi temporar orice element dintr-o pagină web cu un singur clic.

Exportați Orice Element ca HTML, CSS sau JSON

Export Element vă permite să faceți clic pe orice element dintr-o pagină web și să îi exportați structura completă în…

Generați Componente React, Vue și Svelte din Orice Element

Copy Component Code transformă orice element dintr-o pagină web într-un fișier de componentă curat, gata de producție…

Cattura schermo GRATUIT

Capturați Zona Vizibilă sau Screenshot-uri Integrale ale Paginii

Screenshot capturează imagini de înaltă calitate ale oricărei pagini web în două moduri: zona vizibilă (exact ceea ce…

Estrai immagini GRATUIT

Vizualizați, Selectați și Descărcați Toate Imaginile de pe Orice Pagină Web

Extract Images scanează orice pagină web și prezintă fiecare imagine într-o galerie navigabilă.

Trova, anteprima e scarica ogni SVG su qualsiasi pagina

Scopre ogni SVG sulla pagina — inline, esterni, sprite e data URI.

Înlocuiește Orice Imagine de pe o Pagină cu a Ta

Înlocuitorul de Imagini îți permite să faci clic pe orice imagine de pe o pagină web și să o înlocuiești cu una proprie…

Generează QR Code-uri pentru Orice URL sau Text Instant

Generatorul QR Code creează un QR code scanabil pentru URL-ul paginii curente în mod automat — sau pentru orice URL sau…

Rigle Pixel-Perfecte, Ghiduri și Măsurători pe Orice Pagină

Rigla de Pagină adaugă rigle în stil Photoshop și linii ghid glisabile pe orice pagină web.

Previzualizează Mai Multe Viewport-uri de Dispozitive Simultan

Vizualizatorul Responsive afișează pagina web curentă redată la mai multe dimensiuni de viewport de dispozitive, una…

Măsoară Distanțe Exacte în Pixeli între Orice Două Elemente

Measure Distance îți permite să dai clic pe orice două elemente dintr-o pagină web și să vezi imediat distanța exactă…

Vizualizează Fiecare Context de Stivuire & Strat Z-Index

Z-Index Inspector dezvăluie ordinea completă de stivuire a fiecărui element dintr-o pagină web.

Inspectează layout-urile CSS Grid & Flexbox cu overlay-uri vizuale

Grid/Flex Visualizer detectează fiecare container CSS Grid și Flexbox de pe o pagină web și redă structura lor de…

Simulează punctele de atenție ale utilizatorilor pe orice pagină

Heatmap Simulator generează un heatmap predictiv de atenție pentru orice pagină web, bazat pe tipare de cercetare UX…

Șterge Selectiv cache, cookies, localStorage & sessionStorage

Ștergere Date de Navigare le oferă dezvoltatorilor o modalitate rapidă și selectivă de a șterge anumite tipuri de date…

Rileva ogni tecnologia dietro qualsiasi sito

Scansiona e identifica lo stack tecnologico completo.

Ispettore SEO GRATUIT

Audit SEO Complet: Meta Tags, Titluri, OpenGraph și Mai Mult

SEO Inspector oferă un audit SEO instant și complet al oricărei pagini web.

Audit WCAG Automatizat: Contrast, Alt Text, ARIA și Mai Mult

Inspector Accesibilitate rulează verificări automate WCAG 2.1 Level AA pe orice pagină web și generează un raport…

Apasă pe Orice Text de pe Orice Pagină pentru a-l Edita Instantaneu

Editor Live de Text face ca fiecare element de text de pe o pagină web să devină editabil cu un singur click.

Înlocuiește Orice Font Global sau Per-Element din Google Fonts

Schimbătorul de Fonturi îți permite să înlocuiești orice font de pe o pagină web cu unul diferit din biblioteca Google…

Descoperă Fiecare Font Folosit pe Orice Pagină Web

Listare Toate Fonturile scanează orice pagină web și prezintă un inventar complet al fiecărei familii de fonturi…

Eyedropper de Precizie pentru Valori de Culoare HEX, RGB și HSL

Selectorul de Culori oferă un instrument eyedropper precis la nivel de pixel pentru selectarea culorilor din orice…

Extrage Paleta Completă de Culori din Orice Pagină Web

Paleta de Culori scanează fiecare element de pe o pagină web și extrage setul complet de culori utilizate — de la text…

Aplică dark mode pe orice site web instant

Force Dark Mode aplică o schemă de culori întunecată pe orice site web care nu oferă una — sau suprascrie tema luminoasă a unui site.

Activează sau dezactivează JavaScript per tab instant

Toggle JavaScript dezactivează sau reactivează execuția JavaScript pentru tab-ul curent al browserului cu un singur clic.

Editor cookie GRATUIT

Vizualizează, Editează, Adaugă și Șterge Cookies pentru Orice Domeniu

Cookie Editor afișează toate cookies pentru domeniul curent într-un tabel curat și sortabil.

Logger console GRATUIT

Vizualizează Ieșirile Console într-un Panou Flotant — Fără DevTools

Console Logger captează toate ieșirile console (console.log, console.warn, console.error, console.info) și le afișează…

Monitorizează Toate Cererile de Rețea în Timp Real

Network Monitor capturează și afișează fiecare cerere de rețea efectuată de pagina curentă — apeluri XHR/Fetch API…

Vizualizează, Editează, Adaugă și Șterge intrări din localStorage și sessionStorage

Local Storage Editor oferă o interfață tabelară curată pentru gestionarea intrărilor din localStorage și sessionStorage…

Scansiona ogni link sulla pagina e trova quelli rotti

Scansiona ogni link e identifica quelli rotti (404, timeout, errori di connessione).

Dashboard performance istantanea: tempo caricamento, statistiche DOM e risorse

Fornisce un riepilogo performance istantaneo di qualsiasi pagina web.

JSON Formatter GRATUIT

Formatează, Minifică și Validează JSON dintr-un Click

JSON Formatter formatează frumos, minifică și validează JSON direct în browser.

Codați Șiruri Către și Din Base64 Instantaneu

Base64 Encoder/Decoder convertește text în Base64 și Base64 înapoi în text direct în browser.

Codați și Decodați Șiruri URL dintr-un Click

URL Encoder/Decoder convertește șiruri URL către și din forma lor codată procentual (percent-encoding).

Codați și Decodați Entități HTML Instantaneu

HTML Entity Encoder convertește caracterele speciale (< > & " ') în echivalentele lor de entități HTML (&lt; &gt; &amp…

Escapați și Deescapați Șiruri pentru Cod

Backslash Escape/Unescape convertește șiruri către și din forma lor escapată (\n \t \r \" \' \\ și escape-uri Unicode).

Convertiți Imagini În și Din Base64 Data URI

Imagine ↔ Base64 convertește fișiere imagine (PNG, JPG, SVG, WebP, GIF) în data URI codificate Base64 și invers.

JWT Debugger GRATUIT

Decodați Instant Token-uri JSON Web Token

JWT Debugger decodează și inspectează token-uri JSON Web Token — analizează header-ul, payload-ul și semnătura…

Generator UUID GRATUIT

Generați în Masă Identificatori UUID v4

Generator UUID produce identificatori UUID v4 cu putere criptografică, folosind API-ul crypto al browserului.

Calculați Hash-uri MD5, SHA-1, SHA-256, SHA-384, SHA-512

Generator de Hash calculează hash-uri criptografice (MD5, SHA-1, SHA-256, SHA-384, SHA-512) pentru orice text introdus.

Generați Parole cu Putere Criptografică

Generator de Parole produce parole puternice, aleatorii, folosind API-ul de aleatoriu criptografic al browserului.

Testor Regex GRATUIT

Testați Expresii Regulate în Timp Real, cu Evidențiere a Potrivirilor

Testor Regex evaluează expresii regulate față de un text de test, în timp real.

Convertiți Date Unix, ISO și în Format Lizibil pentru Oameni

Convertor de Timestamp-uri traduce între timestamp-uri Unix (secunde, milisecunde, microsecunde, nanosecunde), ISO…

Comparați Două Blocuri de Text Linie cu Linie

Instrument de Comparare compară două blocuri de text și evidențiază liniile adăugate, eliminate și neschimbate…

Verificați Raportul de Contrast WCAG al Oricăror Două Culori

Verificator de Contrast calculează raportul de contrast WCAG 2.1 dintre două culori și le notează în raport cu…

Convertiți Instant HEX, RGB, HSL, HSV și OKLCH

Convertor de Format de Culoare traduce orice culoare între HEX, RGB, HSL, HSV și OKLCH.

Extrageți Paleta Dominantă din Orice Imagine

Image Color Extractor analizează orice fișier imagine (trageți, lipiți sau faceți clic pentru a încărca) și returnează…

Obțineți Selectori CSS și XPath Pentru Orice Element

DOM Path Finder vă permite să treceți cu mouse-ul peste orice element al paginii pentru a-i afla selectorul CSS unic…

Testați Cererile Cross-Origin și Inspectați Header-ele CORS

CORS Checker testează dacă o cerere cross-origin de pe site-ul dumneavoastră ar fi permisă de serverul țintă.

Capturați Frame-uri WebSocket în Timp Real

WebSocket Inspector capturează fiecare frame WebSocket — trimis și primit — pe toate conexiunile din pagină.

Scanați Pagina Instant Pentru Imagini Nefuncționale

Broken Image Finder scanează fiecare <img> și fiecare background-image CSS din pagină, detectează încărcările eșuate…

Completează Automat Formulare cu Date de Test Realiste

Form Filler completează fiecare câmp vizibil dintr-un formular de pe pagină cu date de test realiste — nume, email…

Convertiți Între CSV și JSON în Ambele Direcții

Convertorul CSV ↔ JSON gestionează întregul proces de conversie dus-întors între cele mai comune formate tabulare.

XML Formatter GRATUIT

Formatați, Validați și Vizualizați XML cu Evidențiere de Sintaxă

XML Formatter formatează frumos, minifică și validează XML direct în browser.

SQL Formatter GRATUIT

Înfrumusețați și Formatați Interogări SQL

SQL Formatter transformă SQL minificat sau dezordonat în interogări lizibile și indentate.

Convert to PDF GRATUIT

Salvați Paginile Web ca PDF-uri Curate

Convert to PDF salvează pagina web curentă ca PDF prin dialogul de printare al browserului, aplicând mai întâi stiluri…

Prețuri și Planuri

Prețuri Simple și Transparente

Alege cel mai bun plan pentru fluxul tău de lucru. Începe gratuit, fă upgrade oricând.

Basic

Perfect pentru a încerca DevSuite Pro. Nu este necesar un card de credit.

$0

Gratuit pe Viață
Începe Gratuit
  • 43 de instrumente gratuite pentru dezvoltatori
  • CSS Inspector și Color Picker
  • Captură de ecran
  • Interfață dock plutitor
  • Toate actualizările gratuite viitoare

Lunar Cel Mai Popular

Acces complet la toate cele peste 64 de instrumente profesionale. Facturat lunar.

$2.99

pe lună
Începe Planul Lunar
  • Toate cele peste 64 de instrumente
  • Acces complet la Instrumentele Pro
  • Până la 3 dispozitive
  • Asistență prioritară
  • Anulează oricând

Plată Unică Cea Mai Bună Valoare

Plătește o singură dată, folosește pentru totdeauna. Acces complet la toate cele peste 64 de instrumente pro fără taxe recurente.

$29.99

plată unică
Cumpără o dată, folosește mereu
  • Toate cele peste 64 de instrumente
  • Acces complet la Instrumentele Pro
  • Până la 3 dispozitive
  • Asistență prioritară
  • Fără taxe recurente
DevSuite Pro FAQ section background
FAQ

Întrebări frecvente de la utilizatorii DevSuite Pro

Întrebări comune despre funcționalitățile și utilizarea extensiei DevSuite Pro. Dacă ai o întrebare, răspunsul s-ar putea să fie deja mai jos.

Cum instalez DevSuite Pro?

Vizitează Chrome Web Store, caută "DevSuite Pro", apasă pe "Add to Chrome" și confirmă selectând "Add Extension". Odată instalată, pictograma extensiei va apărea în bara de instrumente a browserului tău. Apasă pe ea pentru a accesa instantaneu peste 64 de instrumente pentru dezvoltatori.

Care este diferența între instrumentele Free și Pro?

Instrumentele gratuite (43+) sunt disponibile pentru toată lumea fără licență. Instrumentele Pro au o insignă aurie PRO și necesită o licență Pro activă pentru a fi utilizate. Poți vedea care instrumente sunt gratuite sau pro din pop-up — instrumentele gratuite nu au o pictogramă cu lacăt, în timp ce instrumentele pro par puțin estompate până când activezi licența.

De ce instrumentul nu funcționează pe unele site-uri web?

Unele site-uri web au Politici Stricte de Securitate a Conținutului (CSP) care blochează anumite acțiuni ale extensiilor de browser. Acest lucru este deosebit de comun pe site-urile bancare și guvernamentale. În plus, paginile interne ale Chrome (chrome://) nu permit extensiilor să ruleze scripturi de conținut.

Sunt modificările mele pe pagină permanente?

Nu. Toate modificările făcute de instrumente precum Mută Elementul, Editor de Text Live, Șterge/Ascunde Elementul și CSS Inspector sunt temporare. Acestea afectează doar ceea ce vezi în browserul tău în acest moment. Reîncărcarea paginii va restabili totul la starea inițială.

Cum îmi activez licența Pro?

Deschide pop-up-ul DevSuite Pro, apasă pe pictograma Setări din colțul din dreapta sus. Derulează în jos până la secțiunea Licență, lipește cheia de licență în câmpul de introducere și apasă pe Activați. Dacă cheia este validă, insigna se va schimba din FREE în PRO și toate instrumentele pro vor fi deblocate instantaneu.

Cum mut sau ascund dock-ul plutitor?

Poți muta dock-ul mergând la Setări și alegând o poziție diferită a barei laterale — Sus, Jos, Stânga sau Dreapta. De asemenea, poți ascunde dock-ul complet dezactivând comutatorul "Afișează dock pe pagini" din Setări sau apăsând Ctrl+Shift+X în orice moment.

Colectează DevSuite Pro date de navigare?

Nu. DevSuite Pro nu colectează, nu urmărește și nu transmite nicio dată de navigare. Toate setările sunt stocate local în browserul tău. Singura solicitare externă este făcută în timpul activării cheii de licență pentru a-ți verifica cheia pe serverul nostru.

Pot folosi DevSuite Pro pe Firefox?

Da! DevSuite Pro este disponibil atât în Chrome Web Store, cât și în Firefox Add-ons. Funcționează pe Chrome, Edge, Brave și alte browsere bazate pe Chromium, precum și pe Firefox.