Začít je jednoduché. Nainstalujte rozšíření, otevřete libovolnou webovou stránku a získejte přístup k více než 39 vývojářským nástrojům z vyskakovacího okna nebo plovoucího panelu. Není vyžadována žádná konfigurace.
Přidejte rozšíření do Chromu
Otevřete Chrome Web Store a vyhledejte rozšíření "DevSuite Pro".
Klikněte na "Přidat do Chromu" a poté potvrďte kliknutím na "Přidat rozšíření" ve vyskakovacím okně.
Otevřete webovou stránku a spusťte nástroj
Přejděte na libovolnou webovou stránku, poté klikněte na ikonu DevSuite Pro na panelu nástrojů nebo použijte plovoucí panel na stránce.
Vyberte libovolný nástroj z mřížky. Nástroje jako CSS Inspector, Pravítka nebo Kapátko se na aktuální stránce okamžitě aktivují.
Funkce rozšíření
Klíčové funkce DevSuite Pro
DevSuite Pro nabízí 39+ vývojářských nástrojů pro kontrolu stránek, měření, design a analýzu. Zrychlete svůj pracovní postup díky výkonným funkcím integrovaným přímo ve vašem prohlížeči.
CSS Inspector
Najeďte myší na libovolný prvek a okamžitě uvidíte jeho CSS styly a můžete je přímo upravovat, což usnadňuje ladění a úpravy designu v reálném čase.
Kliknutím na libovolný prvek zkontrolujete jeho vlastnosti, rozměry, mezery, písma a barvy. Okamžitě pochopte strukturu stránky bez otevírání DevTools prohlížeče.
Pravítka a vodítka
Měřte vzdálenosti, kontrolujte zarovnání a přidávejte na libovolnou webovou stránku pravítka a vodítka s přesností na pixely, abyste zajistili dokonalé zarovnání vašeho designu.
Kapátko barev (Color Picker)
Vybírejte barvy z libovolného prvku na stránce a jedním kliknutím zkopírujte hodnoty HEX, RGB nebo HSL do schránky.
Pořízení snímku obrazovky
Pořizujte snímky celé stránky nebo viditelné oblasti jakékoli webové stránky a okamžitě je stahujte — ideální pro sdílení návrhů a hlášení chyb.
Tester responzivity
Zobrazte náhled webové stránky v různých velikostech obrazovky a rozlišeních zařízení a otestujte responzivní design, aniž byste opustili prohlížeč.
Běžné dotazy týkající se funkcí a používání rozšíření DevSuite Pro. Máte-li dotaz, odpověď může být níže.
Jak nainstaluji DevSuite Pro?
Navštivte Chrome Web Store, vyhledejte "DevSuite Pro", klikněte na "Přidat do Chromu" a potvrďte výběrem "Přidat rozšíření". Po instalaci se v panelu nástrojů prohlížeče zobrazí ikona rozšíření. Kliknutím na ni získáte okamžitý přístup k více než 39 vývojářským nástrojům.
Jaký je rozdíl mezi bezplatnými a Pro nástroji?
Bezplatné nástroje (20+) jsou dostupné všem bez licence. Pro nástroje mají zlatý odznak PRO a k jejich použití je vyžadována aktivní licence Pro. Ve vyskakovacím okně uvidíte, které nástroje jsou zdarma nebo Pro – bezplatné nástroje nebudou mít ikonu zámku, zatímco Pro nástroje budou vypadat mírně zašedlé, dokud neaktivujete licenci.
Proč nástroj na některých webech nefunguje?
Některé webové stránky mají přísné zásady zabezpečení obsahu (CSP), které blokují určité akce rozšíření prohlížeče. To je běžné zejména u bankovních a vládních webů. Interní stránky prohlížeče Chrome (chrome://) navíc neumožňují rozšířením spouštět skripty obsahu.
Jsou změny, které na stránce provedu, trvalé?
Ne. Všechny změny provedené nástroji jako Přesunout prvek, Editor textu naživo, Odstranit/Skrýt prvek a CSS Inspector jsou dočasné. Ovlivňují pouze to, co právě vidíte ve svém prohlížeči. Obnovení stránky vše vrátí do původního stavu.
Jak aktivuji svou licenci Pro?
Otevřete vyskakovací okno DevSuite Pro, klikněte na ikonu nastavení v pravém horním rohu. Přejděte dolů do sekce licence, vložte licenční klíč do vstupního pole a klikněte na Aktivovat. Pokud je klíč platný, odznak se změní z FREE na PRO a všechny Pro nástroje se okamžitě odemknou.
Jak mohu přesunout nebo skrýt plovoucí panel?
Panel můžete přesunout v Nastavení výběrem jiné pozice postranního panelu – Nahoře, Dole, Vlevo nebo Vpravo. Panel můžete také zcela skrýt vypnutím přepínače „Zobrazit panel na stránkách“ v Nastavení nebo stisknutím Ctrl+Shift+X.
Shromažďuje DevSuite Pro údaje o procházení?
Ne. DevSuite Pro neshromažďuje, nesleduje ani nepřenáší žádné vaše údaje o procházení. Veškeré nastavení je uloženo lokálně ve vašem prohlížeči. Jediný externí požadavek je odeslán během aktivace licenčního klíče k ověření vašeho klíče s naším serverem.
Mohu používat DevSuite Pro ve Firefoxu?
Ano! DevSuite Pro je k dispozici jak v Chrome Web Store, tak v doplňcích pro Firefox. Funguje v prohlížečích Chrome, Edge, Brave a dalších prohlížečích založených na Chromiu a také ve Firefoxu.
