Adaugă extensia în Chrome
- Deschide Chrome Web Store și caută extensia "DevSuite Pro".
- Apasă pe "Add to Chrome" și apoi confirmă apăsând "Add extension" în fereastra pop-up.
Peste 64 de instrumente puternice pentru a inspecta, măsura, captura, analiza și proiecta pagini web direct în browserul tău.
Î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.
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.
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 →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 →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 →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 →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 →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 →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.
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…
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…
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…
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.
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.
Vizualizează, Editează, Adaugă și Șterge Cookies pentru Orice Domeniu
Cookie Editor afișează toate cookies pentru domeniul curent într-un tabel curat și sortabil.
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.
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 (< > &…
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.
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…
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.
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.
Formatați, Validați și Vizualizați XML cu Evidențiere de Sintaxă
XML Formatter formatează frumos, minifică și validează XML direct în browser.
Înfrumusețați și Formatați Interogări SQL
SQL Formatter transformă SQL minificat sau dezordonat în interogări lizibile și indentate.
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…
Alege cel mai bun plan pentru fluxul tău de lucru. Începe gratuit, fă upgrade oricând.
Î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.
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.
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.
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.
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ă.
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.
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.
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.
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.