Začnite používať DevSuite Pro niekoľkými kliknutiami
Začať je jednoduché. Nainštalujte rozšírenie, otvorte ľubovoľnú webovú stránku a získajte prístup k viac ako 39 vývojárskym nástrojom z vyskakovacieho okna alebo plávajúceho panelu. Nevyžaduje sa žiadna konfigurácia.
Pridať rozšírenie do Chrome
Otvorte Chrome Web Store a vyhľadajte rozšírenie „DevSuite Pro“.
Kliknite na „Pridať do Chrome“ a potom potvrďte kliknutím na „Pridať rozšírenie“ vo vyskakovacom okne.
Otvorte ľubovoľnú webovú stránku a spustite nástroj
Prejdite na ľubovoľnú webovú stránku, potom kliknite na ikonu DevSuite Pro v paneli nástrojov alebo použite plávajúci panel na stránke.
Vyberte si ľubovoľný nástroj z mriežky. Nástroje ako CSS Inspector, Pravítka alebo Kvapkadlo sa okamžite aktivujú na aktuálnej stránke.
Funkcie rozšírenia
Kľúčové vlastnosti DevSuite Pro
DevSuite Pro poskytuje viac ako 39 vývojárskych nástrojov na kontrolu, meranie, návrh a analýzu webových stránok. Urýchlite svoj pracovný postup pomocou výkonných funkcií zabudovaných priamo vo vašom prehliadači.
CSS Inspector
Prejdite myšou nad ľubovoľný prvok, aby ste okamžite videli jeho štýly CSS a upravovali ich naživo, čo uľahčuje ladenie a úpravu návrhov v reálnom čase.
Kliknutím na ľubovoľný prvok skontrolujete jeho vlastnosti, rozmery, rozstupy, písma a farby. Okamžite pochopte štruktúru stránky bez otvárania prehliadačových nástrojov DevTools.
Pravítka a vodítka
Merajte vzdialenosti, kontrolujte zarovnanie a pridávajte pixelovo presné pravítka a vodítka na ľubovoľnú webovú stránku, aby ste zabezpečili, že vaše návrhy budú dokonale zarovnané.
Kvapkadlo (Color Picker)
Vyberajte farby z ľubovoľného prvku na stránke a kopírujte hodnoty HEX, RGB alebo HSL do schránky jedným kliknutím.
Snímka obrazovky
Snímajte celú stránku alebo viditeľnú oblasť a sťahujte ich okamžite — ideálne na zdieľanie návrhov a nahlasovanie chýb.
Responzívny tester
Zobrazte si náhľad webovej stránky pri rôznych veľkostiach obrazovky a rozlíšeniach zariadení, aby ste otestovali responzívny dizajn bez opustenia prehliadača.
Bežné otázky o funkciách a používaní rozšírenia DevSuite Pro. Ak máte otázku, odpoveď môže byť už nižšie.
Ako si nainštalujem DevSuite Pro?
Navštívte Chrome Web Store, vyhľadajte „DevSuite Pro“, kliknite na „Pridať do Chrome“ a potvrďte výberom „Pridať rozšírenie“. Po inštalácii sa ikona rozšírenia objaví v paneli nástrojov vášho prehliadača. Kliknutím na ňu získate okamžitý prístup k viac ako 39 vývojárskym nástrojom.
Aký je rozdiel medzi bezplatnými a Pro nástrojmi?
Bezplatné nástroje (20+) sú k dispozícii pre všetkých bez licencie. Pro nástroje majú zlatý odznak PRO a na ich používanie sa vyžaduje aktívna Pro licencia. Vo vyskakovacom okne vidíte, ktoré nástroje sú bezplatné alebo pro – bezplatné nástroje nemajú ikonu zámku, zatiaľ čo pro nástroje vyzerajú mierne stlmené, kým si neaktivujete licenciu.
Prečo nástroj nefunguje na niektorých webových stránkach?
Niektoré webové stránky majú prísne zásady zabezpečenia obsahu (CSP), ktoré blokujú určité akcie prehliadačových rozšírení. Je to bežné najmä na bankových a vládnych stránkach. Okrem toho interné stránky Chrome (chrome://) neumožňujú rozšíreniam spúšťať obsahové skripty.
Sú moje zmeny na stránke trvalé?
Nie. Všetky zmeny vykonané nástrojmi ako Presunúť prvok, Živý textový editor, Odstrániť/Skryť prvok a CSS Inspector sú dočasné. Ovplyvňujú len to, čo práve vidíte vo svojom prehliadači. Obnovením stránky sa všetko vráti do pôvodného stavu.
Ako si aktivujem svoju Pro licenciu?
Otvorte vyskakovacie okno DevSuite Pro, kliknite na ikonu nastavení v pravom hornom rohu. Prejdite nadol na sekciu Licencia, vložte svoj licenčný kľúč do vstupného poľa a kliknite na Aktivovať. Ak je kľúč platný, odznak sa zmení z FREE na PRO a všetky pro nástroje sa okamžite odomknú.
Ako môžem presunúť alebo skryť plávajúci panel?
Panel môžete presunúť tak, že prejdete do nastavení a vyberiete inú polohu bočného panela — hore, dole, vľavo alebo vpravo. Panel môžete tiež úplne skryť vypnutím možnosti „Zobraziť panel na stránkach“ v nastaveniach alebo stlačením Ctrl+Shift+X kedykoľvek.
Zhromažďuje DevSuite Pro údaje o prehliadaní?
Nie. DevSuite Pro nezhromažďuje, nesleduje ani neprenáša žiadne z vašich údajov o prehliadaní. Všetky nastavenia sú uložené lokálne vo vašom prehliadači. Jediná externá požiadavka sa odosiela počas aktivácie licenčného kľúča na overenie vášho kľúča voči nášmu serveru.
Môžem používať DevSuite Pro vo Firefoxe?
Áno! DevSuite Pro je k dispozícii v obchode Chrome Web Store aj vo Firefox Add-ons. Funguje v prehliadačoch Chrome, Edge, Brave a ďalších prehliadačoch založených na Chromium, ako aj vo Firefoxe.
