Počnite koristiti DevSuite Pro u samo nekoliko klikova
Početak je jednostavan. Instalirajte proširenje, otvorite bilo koju web stranicu i pristupite 39+ razvojnih alata iz skočnog prozora ili plutajućeg doka. Nije potrebna konfiguracija.
Dodajte proširenje u Chrome
Otvorite Chrome Web Store i potražite proširenje "DevSuite Pro".
Kliknite "Dodaj u Chrome" i zatim potvrdite klikom na "Dodaj proširenje" u skočnom prozoru.
Otvorite bilo koju web stranicu i pokrenite alat
Navigirajte do bilo koje web stranice, zatim kliknite ikonu DevSuite Pro na alatnoj traci ili koristite plutajući dok na stranici.
Odaberite bilo koji alat iz mreže. Alati poput CSS Inspector, Ravnala ili Birač boja aktiviraju se odmah na trenutnoj stranici.
Značajke proširenja
Ključne značajke DevSuite Pro
DevSuite Pro nudi 39+ razvojnih alata za pregledavanje, mjerenje, dizajn i analizu web stranica. Poboljšajte svoj radni tijek s moćnim značajkama ugrađenim izravno u vaš preglednik.
CSS Inspector
Zadržite pokazivač iznad bilo kojeg elementa kako biste odmah vidjeli i uredili njegove CSS stilove uživo, što olakšava otklanjanje pogrešaka i prilagodbu dizajna u stvarnom vremenu.
Kliknite na bilo koji element kako biste pregledali njegova svojstva, dimenzije, razmake, fontove i boje. Odmah razumijte strukturu stranice bez otvaranja DevTools preglednika.
Ravnala i vodilice
Mjerite udaljenosti, provjeravajte poravnanje i dodajte piksel-savršena ravnala i vodilice na bilo koju web stranicu kako biste osigurali da su vaši dizajni savršeno poravnati.
Birač boja
Odaberite boje s bilo kojeg elementa na stranici i kopirajte HEX, RGB ili HSL vrijednosti u međuspremnik jednim klikom.
Snimanje zaslona
Snimite cijelu stranicu ili vidljivo područje bilo koje web stranice i odmah je preuzmite — savršeno za dijeljenje dizajna i prijavu grešaka.
Tester responzivnosti
Pregledajte bilo koju web stranicu na različitim veličinama zaslona i rezolucijama uređaja kako biste testirali responzivni dizajn bez napuštanja preglednika.
Uobičajena pitanja o značajkama i korištenju proširenja DevSuite Pro. Ako imate pitanje, odgovor se možda već nalazi u nastavku.
Kako instalirati DevSuite Pro?
Posjetite Chrome Web Store, potražite "DevSuite Pro", kliknju "Dodaj u Chrome" i potvrdite odabirom "Dodaj proširenje". Nakon instalacije, ikona proširenja pojavit će se na alatnoj traci vašeg preglednika. Kliknite na nju za trenutni pristup 39+ razvojnih alata.
Koja je razlika između besplatnih i Pro alata?
Besplatni alati (20+) dostupni su svima bez potrebe za licencom. Pro alati označeni su zlatnom PRO značkom i zahtijevaju aktivnu Pro licencu za korištenje. Iz skočnog prozora možete vidjeti koji su alati besplatni, a koji pro — besplatni alati nemaju ikonu zaključavanja, dok su pro alati malo zatamnjeni dok ne aktivirate svoju licencu.
Zašto neki alat ne radi na nekim web stranicama?
Neke web stranice imaju stroge politike sigurnosti sadržaja (CSP) koje blokiraju određene radnje proširenja preglednika. To je posebno uobičajeno na bankovnim i državnim stranicama. Također, interne Chrome stranice (chrome://) ne dopuštaju proširenjima pokretanje skripti sadržaja.
Jesu li moje promjene na stranici trajne?
Ne. Sve promjene napravljene alatima poput Premjesti element, Uređivač teksta uživo, Izbriši/Sakrij element i CSS Inspector su privremene. Utječu samo na ono što vidite u svom pregledniku upravo sada. Ponovno učitavanje stranice vratit će sve u izvorno stanje.
Kako aktivirati svoju Pro licencu?
Otvorite skočni prozor DevSuite Pro, kliknite ikonu Postavki u gornjem desnom kutu. Pomaknite se do odjeljka Licenca, zalijepite svoj licencni ključ u polje za unos i kliknite Aktiviraj. Ako je ključ valjan, značka će se promijeniti iz FREE u PRO i svi pro alati odmah će se otključati.
Kako premjestiti ili sakriti plutajući dok?
Dok možete premjestiti odlaskom u Postavke i odabirom drugog položaja bočne trake — Gore, Dolje, Lijevo ili Desno. Dok također možete potpuno sakriti isključivanjem "Prikaži dok na stranicama" u Postavkama ili pritiskom Ctrl+Shift+X u bilo kojem trenutku.
Prikuplja li DevSuite Pro podatke o pregledavanju?
Ne. DevSuite Pro ne prikuplja, ne prati niti ne prenosi vaše podatke o pregledavanju. Sve postavke pohranjuju se lokalno u vašem pregledniku. Jedini vanjski zahtjev upućuje se tijekom aktivacije licencnog ključa za provjeru vašeg ključa na našem poslužitelju.
Mogu li koristiti DevSuite Pro u Firefoxu?
Da! DevSuite Pro dostupan je i u Chrome Web Store i u Firefox Add-ons. Radi u Chrome, Edge, Brave i drugim preglednicima temeljenima na Chromiumu, kao i u Firefoxu.
