Domov › BY › Nuansy rozšírení Google Chrome pre vývojárov. Rozšírenia Google Chrome pre vývoj webu a ďalšie. Aké verzie prehliadača Chrome existujú?

Nuansy rozšírení Google Chrome pre vývojárov. Rozšírenia Google Chrome pre vývoj webu a ďalšie. Aké verzie prehliadača Chrome existujú?

Prehliadač Google Chrome– vynikajúca voľba pre dizajnérov a webových vývojárov. Pomocou rozšírení pre GoogleChrome môžete pridávať viac funkcií, ktorý môže pomôcť s dizajnom, hľadaním chýb a ďalšou prácou so stránkou. Tu uvádzame najlepšie rozšírenia prehliadača Chrome pre dizajnérov a vývojárov.

Test rozlíšenia– toto rozšírenie je určené na kontrolu webových stránok pri rôznych rozlíšeniach obrazovky a môžete si nastaviť vlastné nastavenia rozlíšenia. Tento nástroj je veľmi vhodný na kontrolu toho, ako váš dizajn vyzerá na rôznych veľkostiach monitorov.

Pendule rozširuje funkčnosť vstavaných nástrojov prehliadača Google Chrome. S týmto rozšírením majú používatelia k dispozícii mnoho ďalších funkcií, ako napríklad: vyhodnocovanie obmedzovacích značiek pomocou automatizovaných webových služieb W3C, skrytie obrázkov na stránke, prezeranie skriptov vložených do stránky a mnoho ďalších.

Jednoduche oblecenie Robí dobre len jednu vec – odstraňuje všetky CSS na stránke. Jedným z obľúbených spôsobov hodnotenia prístupnosti webovej stránky je odstránenie štýlov CSS a porovnanie čitateľnosti stránky so štýlmi a bez nich. Tento prístup simuluje situáciu, keď má používateľ na obrazovke zobrazenú iba čiastočnú stránku a pri prístupe k obsahu sa môže spoliehať len na značky stránky.
Hoci bol tento program pôvodne vytvorený na testovanie webových stránok, môžete ho použiť na prezeranie svojich obľúbených štýlov „neštýlovým“ spôsobom (takže vás šéf nepristihne, ako sa naň pozeráte, kým potrebujete dokončiť funkciu JavaScriptu).

Ak chcete orezať konkrétne časti webovej stránky, Image Cropper je vaša jasná voľba. Tento program je jednoduchý ako palica a nemá žiadne triky. Stačí zadať oblasť, ktorú chcete vyrezať, a aplikácia to vyberie. Potrebujete pixelovú presnosť? Nadstavec zobrazuje veľkosť a umiestnenie kúskov, ktoré striháte, takže si môžete vybrať veľkosť, ktorú potrebujete.

Toto rozšírenie sa pýši tým, že je minimalistické a jednoduché – čo je dobre, pretože nie je dôvod komplikovať výrobu textu Lorem Ipsum. Generátor Lorem Ipsum vám umožňuje vyplniť rámčeky textom pri navrhovaní vašej prezentačnej webovej stránky.

Identifikácia chýb v motore internet Explorer Trojzubec nie je žiadna sranda. Použitím IE Tab môžete aspoň ušetriť trochu času a nemusíte používať Internet Explorer (nehovoriac o tom, že nemá veľa rozšírení) na hľadanie problémov s vykresľovaním.

jQuery Shell vám umožňuje spúšťať príkazy javascript a jQuery v kontexte otvorenej webovej stránky. Veľmi užitočné rozšírenie na učenie a experimentovanie s jQuery.

10.

Táto aplikácia je majstrom jedného triku. Trik je v tom, že program vám umožňuje rýchlo získať hodnoty Hex a RGB akejkoľvek farby na ľubovoľnej webovej stránke. Táto funkcia sa môže hodiť, ak potrebujete určiť, aké farby používa vaša obľúbená webová lokalita bez použitia Photoshopu a jeho nástroja kvapkadlo.

11.

Pomocou funkcie WebEdit, môžete sprístupniť akúkoľvek stránku na úpravu (zmeny, ktoré vykonáte, sa samozrejme neuložia). Tak prečo to potom potrebuješ? Tu je dôvod, prečo: ak vytvárate webovú stránku a chcete sa pohrať s prvkami bez toho, aby ste robili výrazné zmeny v kóde, táto aplikácia bude pre vás veľmi užitočná.

12.

Chceli ste niekedy vedieť, s akými technológiami, štruktúrami a aplikáciami? open source používa konkrétnu webovú stránku? Skúsení vývojári môžu na tieto otázky odpovedať štúdiom zdroj, ale ak chcete získať odpoveď rýchlejšie a jednoduchšie, skúste Chrome Sniffer. Chrome Sniffer uvádza všetky známe javascriptové frameworky/knižnice (jQuery, MooTools atď.) a CMS (Drupal, WordPress atď.), ktoré používa webová stránka.

13.
Očné kvapkadlo je rozšírenie pre Google Chrome, ktoré vám umožňuje rozpoznať farby na ľubovoľnej webovej stránke. Okrem toho program poskytuje farebné „koleso“ a vzorky farieb (ktoré možno nájsť v akomkoľvek grafický program), takže môžete experimentovať a manipulovať s farbami, aby ste našli tú, ktorú chcete.

15.

Správne vytvorená webová stránka s dobrým označením v konečnom dôsledku vedie k tomu, že stránka má vo vyhľadávačoch pôsobivé výsledky. Ak by ste však chceli zhodnotiť svoj web podľa známych parametrov optimalizácie pre vyhľadávače, potom by ste mali vyskúšať SEO Site Tools, rozšírenie, ktoré vám ponúka obrovskú škálu užitočných nástrojov a funkcií na hodnotenie SEO. Dokáže čítať množstvo parametrov na stránke aj mimo nej, získavať informácie zo sociálnych médií a podobne.

Existuje niekoľko verzií vytvorených pre rôzne kategórie používateľov. Jeden z nich je tzv Google Chrome Developer Edition. Čo je to za verziu a prečo je to potrebné? O tomto a porozprávame sa v tomto materiáli.

Stojí za zmienku, že alternatívne zostavy prehliadača Chrome sa objavili už dlho. Sprevádzajú tento populárny prehliadač takmer od štartovacej verzie. Ale nie všetci používatelia sú vhodní pre alternatívne možnosti.

Faktom je, že „iné“ zostavy prehliadača Chrome sú určené pre profesionálov v tej či onej oblasti: dizajnérov rozloženia, testerov, vývojárov atď. Takéto prehliadače nie sú vhodné pre bežných používateľov. A predsa o nich musíme hovoriť.

Aké verzie prehliadača Chrome existujú?

V skutočnosti ich nie je až tak veľa. Stabilný je však len jeden. To je presne ten, ktorý je verejne dostupný. Stiahnuť si ho môže každý používateľ. Existujú však aj alternatívne verzie. Poďme sa na ne pozrieť bližšie.

Toto sú verzie obľúbeného prehliadača Google Chrome, ktoré existujú. Nás však v tejto súvislosti zaujíma Developer Edition. Preto treba všetko zvážiť kľúčové vlastnosti v tejto verzii nájdete ďalšie podrobnosti. Až potom možno urobiť záver.

Funkcie edície pre vývojárov

Kľúčovou vlastnosťou tohto verzie Google Chrome je dostupnosť vývojových nástrojov. Budú užitočné pre tých, ktorí vyvíjajú rozšírenia a doplnky pre tento webový prehliadač. Bežný používateľ sa v takýchto nástrojoch stratí.

Druhou funkciou je pokročilá konzola. Používa sa na úpravu kódu a aktiváciu skryté funkcie prehliadač. Treba s tým však vedieť pracovať. Najmenšia chyba v tíme môže viesť k veľmi hrozným následkom.

Ďalším „trikom“ je prítomnosť všetkých najnovších inovácií, ktoré prešli túto verziu z Kanárskych ostrovov. Vďaka tomu môžu vývojári optimalizovať svoje rozšírenia pre nové možnosti webového prehliadača.

Časté aktualizácie– ďalšia charakteristická črta Developer Edition. Prichádzajú nepravidelne, najneskôr však raz za dva týždne. V niektorých prípadoch môžu aktualizácie prísť do dvoch dní. To je výhodné pre tých, ktorí testujú nové funkcie webového prehliadača.

Záver

Vyššie sme teda hovorili o tom, aké verzie prehliadača Google Chrome existujú, a podrobne sme diskutovali o zostavení pre vývojárov. Teraz je jasné, že táto verzia sa vyznačuje sadou nástrojov a pokročilou konzolou.

Stojí za zmienku, že bežní používatelia vôbec nemusia inštalovať Developer Edition. Nebude to mať zmysel. Navyše táto zostava nie je obzvlášť stabilná. Ak nie ste vývojár, potom je lepšie použiť Stable.

Existuje obrovské množstvo bezplatných rozšírení pre Prehliadač Google Chrome, ktorý vám uľahčí život. Tu je 20 najlepších.

V tomto článku predstavujeme najlepšie rozšírenia prehliadača Google Chrome na rôzne účely – každé je však navrhnuté tak, aby vám uľahčilo prácu.

Firefox je už dlho známy svojimi prispôsobeniami a mnohými rozšíreniami, no Google Chrome si v posledných rokoch získal veľkú obľubu aj medzi webovými dizajnérmi a vývojármi. Jedným z dôvodov je jeho rýchlosť a vstavané vývojárske nástroje.

Teraz, s vývojom zbierky rozšírení Chrome, ktorá sa každým dňom rozširuje, je to dôvod, prečo si mnohí weboví vývojári a dizajnéri vyberajú tento prehliadač pre seba.

Chcete sa o tom dozvedieť viac? Pozrite si náš zoznam.

01. iMacros pre Chrome

Rozšírenie iMacros Chrome vám umožňuje zaznamenávať a ukladať vaše akcie.

Ako webový vývojár možno budete musieť skontrolovať svoje webové stránky. Robiť tie isté veci znova a znova môže byť únavný proces. iMacros je praktické rozšírenie prehliadača Chrome, ktoré vám umožňuje zaznamenávať vaše akcie a ukladať ich, pričom musíte akciu vykonať iba raz.

Potom môžete svoje stránky znova a znova kontrolovať, pričom jednotlivé kroky zopakujete kliknutím na tlačidlo. To šetrí drahocenný čas a umožňuje vám sústrediť sa na dôležitejšie problémy.

02. Písmo ihrisko

Font Playground vám umožňuje experimentovať s miestnymi písmami na živých webových stránkach.

Každý dizajnér a vývojár nájde v tomto rozšírení veľa užitočných vecí. Font Playground vám umožňuje experimentovať s miestnymi písmami a všetkými knižnicami písiem Google na aktívnych webových stránkach bez toho, aby ste na samotných stránkach robili akékoľvek zmeny.

Dobrá vec na tomto rozšírení je, že obsahuje všetky možné veľkosti písma, štýly a efekty. Pred vykonaním akýchkoľvek skutočných zmien v kóde si môžete najskôr vizualizovať rôzne možnosti písma.

03. Aké písmo

Aké písmo používajú? Rozšírenie What Font Chrome vám to môže ukázať!

Veľmi užitočné rozšírenie pre prehliadač Google Chrome, What Font, umožňuje vývojárom a dizajnérom určiť, ktoré písma sa používajú na webovej stránke.

Ak teda niekde na internete narazíte na písmo, ktoré vyzerá fantasticky, a chcete ho použiť v niektorom zo svojich budúcich projektov, jednoducho naň umiestnite kurzor myši a okamžite zistíte, o čo ide.

04. Yslow

YSlow vám povie, čo spomaľuje stránku.

Pomocou tohto nástroja nemôžete len skontrolovať, ako rýchlo sa webová stránka načítava, ale tiež vám ukáže, či ju niečo spomaľuje.

YSlow testuje webové stránky podľa 23 z 34 pravidiel výkonu vyvinutých tímom Yahoo. Toto je mimoriadne užitočný nástroj na analýzu webových stránok, ktorá tiež navrhuje spôsoby optimalizácie ich výkonnosti.

05. Web Developer

Rozšírenie Chrome Web Developer poskytuje vývojárom množstvo užitočných nástrojov.

Ak ste webový vývojár, môžete si položiť otázku: ako ste to doteraz zvládli bez tohto rozšírenia. Pridáva tlačidlo na paneli s nástrojmi, ktoré poskytuje prehliadaču Chrome prístup k mnohým užitočným nástrojom pre vývojárov webu.

Toto oficiálna verzia Rozšírenie Web Developer vyvinuté pre Firefox.

06. Kontrolný zoznam pre vývojárov webu

Opravuje problémy s výkonom v tomto praktickom nástroji Chrome.

Tento nástroj vám umožňuje kontrolovať všetko od toho, či sú vaše stránky v súlade so SEO, v súlade s použiteľnosťou, ako aj ich viditeľnosť a výkon (rýchlosť načítania stránky).

Takže ak ste napríklad vynechali značku H1 alebo ak na stránke chýba meta názov alebo meta popis, rozšírenie kontrolného zoznamu Web Developer vás na to upozorní.

Aby ste tento problém mohli rýchlo vyriešiť. Ak kliknete na odkaz " viac informácií a pomoc» v spodnej časti rozšírenia nájdete podrobnejší zoznam.

07. Automatické ukladanie nástrojov DevTools

Automaticky ukladá zmeny do zdrojových súborov stránky (CSS a JS).

DevTools Autosave, skutočný poklad pre všetkých vývojárov, vám umožňuje automaticky ukladať všetky zmeny vykonané v zdrojových súboroch CSS a JS stránky prostredníctvom prostredia Chrome Dev Tools. Rozšírenie sa ľahko nastavuje a používa a ušetrí vám veľa času.

08. Instant Wireframe

Umožňuje zobraziť drôtové modely webových stránok.

Pripojte drôtové zobrazenie ľubovoľnej webovej stránky jediným kliknutím. Toto rozšírenie prehliadača Google Chrome pomáha webovým vývojárom a dizajnérom zobrazovať webové stránky, či už miestne alebo publikované online, pomocou prekrytia drôtovým modelom.

09. Emulátor zvlnenia

Ripple Emulator pomáha pri ladení webových stránok, kontrole DOM a automatizovanom testovaní.

Ripple Emulator je multiplatformový emulátor mobilného prostredia, ktorý vám pomôže otestovať vašu webovú aplikáciu rôzne zariadenia a rozlíšenia obrazovky.

Rozšírenie Ripple Emulator je možné použiť v kombinácii s existujúcimi vývojovými nástrojmi na ladenie, kontrolu DOM a automatizované testovanie.

10. Pruh

Sledovanie e-mailových konverzácií v jednom lístku, prideľovanie úloh.

Streak je hlavný CRM a podporný nástroj Email Gmail.

Rozšírenie vám umožňuje spojiť všetky vaše e-mailové schránky do jednej alebo organizovať sledovanie výmeny správ v jednom tikete, prideľovať úlohy tak, aby ste mohli osobne riadiť proces komunikácie s vašimi protistranami alebo k nemu poskytnúť prístup iným osobám.

11. Vyhľadajte Stackoverflow

Získajte rýchle odpovede na svoje otázky s týmto rozšírením, ktoré musíte použiť.

Ak ste webový vývojár, určite ste už počuli o Stack Overflow, mieste, na ktoré sa mnohí vývojári obracia s rôznymi otázkami súvisiacimi s vývojom webových projektov. Ak nie, tak ho určite musíte spoznať. Je to skutočne prosperujúca komunita, ktorá pokrýva širokú škálu tém, od C# a Java až po PHP a JQuery.

Toto fantastické rozšírenie pridáva vyhľadávacie pole priamo do vášho prehliadača a umožňuje vám využívať obrovské zdroje Stack Overflow. Rozšírenie, ktoré musíte použiť!

12. Príručka PHP Ninja

Všetka dokumentácia pre PHP 5.5 vo vašom prehliadači.

Je naozaj ťažké zapamätať si každú funkciu, takže ak ste v minulosti strávili veľa hodín hľadaním konkrétnych funkcií PHP cez Google, toto rozšírenie určite upúta vašu pozornosť. PHP Ninja manuál poskytuje

Získate všetku dokumentáciu pre PHP 5.5 konkrétne príklady v ôsmich jazykoch vo vašom prehliadači.

13. PerfectPixel

Toto rozšírenie vám pomôže zabezpečiť, aby každý pixel na vašom webe zodpovedal dizajnu.

Dizajnéri nenávidia situácie, keď vytvoria úžasný dizajn, no po jeho preložení do kódu niečo nezodpovedá pôvodnému dizajnu. Procesor Perfect Pixel je skutočne dokonalým rozšírením pre webových vývojárov, ktorí sa snažia vytvárať stránky, ktoré sú dizajnovo presné.

Toto ľahko použiteľné rozšírenie vám umožňuje umiestniť polopriehľadný prekryvný obrázok na vrch webovej stránky a vykonať kontrolu zhody pixel po pixeli, aby sa zabezpečila 100-percentná zhoda.

14. Code Cola

Umožňuje upravovať CSS webovej stránky na mieste.

Tento nástroj vám umožní nielen zobraziť zdrojový kód, na ktorom pracujete, ale môže fungovať aj ako editor CSS. To znamená, že môžete priamo na mieste upravovať štýl CSS svojich webových stránok a okamžite vidieť výsledky svojich zmien.

15. Chrome Sniffer

Kontrola webových aplikácií a JavaScriptových knižníc.

Toto rozšírenie umožní webovým vývojárom kontrolovať a identifikovať webové aplikácie, ako aj knižnice JavaScript pripojené ku konkrétnemu projektu. Rozšírenie funguje čo najjednoduchšie: v paneli s adresou sa zobrazí ikona označujúca verziu rámca alebo použitého CMS.

16. Prepínač používateľských agentov

Skontrolujte, ako váš web vyzerá na rôznych zariadeniach.

Skvelý nástroj na zobrazenie toho, ako web vyzerá rôzne druhy zariadenia ako iPad, iPhone alebo zariadenia so systémom Android. To môže byť tiež veľmi užitočné, pokiaľ ide o zobrazenie stránky tak, ako ju vidia vyhľadávače.

Bez ohľadu na to, čo ste o prehliadači Google Chrome počuli, kedy hovoríme o o webdizajne a vývoji, Firefox je stále najlepší prehliadač s priateľským vývojovým prostredím, aké môžete nájsť.

Sakra, Firefox má dokonca špeciálnu verziu prehliadača vytvorenú len pre vývojárov webu. Tak veľmi sa Mozilla stará o webdizajnérov a vývojárov.

Firefox má tiež obrovskú zbierku rozšírení, vďaka ktorým je prehliadač výkonnejší pre maximálny efekt. Tu sú niektoré z najlepších rozšírení Firefoxu, ktoré môžete použiť na uľahčenie života pri vývoji webu.

Nainštalujte, otestujte a používajte väčšinu týchto rozšírení. Koniec koncov, všetky sú zadarmo!

Čo robí: Kontroluje webové stránky

Firebug je rozšírenie, bez ktorého sa webdizajnéri a vývojári jednoducho nezaobídu. Toto rozšírenie je ako vylepšená verzia integrovanej vývojárskej konzoly, ktorá sa dodáva s Firefoxom. Firebug vám výrazne uľahčí kontrolu prvkov na webových stránkach a ukáže vám, ako veci fungujú na rôznych stránkach.

Vhodné pre: webových vývojárov
Čo to robí: klient pre Firefox

FireFTP je FTP/SFTP klient pre Firefox, ktorý vám umožňuje bezpečne nahrávať a prenášať súbory medzi vaším počítačom a serverom priamo z vášho prehliadača. S týmto doplnkom už nikdy nebudete musieť preskakovať medzi prehliadačom a aplikáciami FTP klienta.

Vhodné pre: webových vývojárov a dizajnérov
Čo robí: analyzuje a kontroluje webové stránky

Ide o all-in-one rozšírenie, ktoré do vášho Firefoxu pridáva množstvo užitočných nástrojov. Niektoré z nástrojov, ktoré sú súčasťou tohto doplnku, sú zobrazovanie a úprava šablón štýlov CSS, deaktivácia štýlov, nástroje na ladenie atď.

Čo to robí: Nástroj na analýzu farieb

ColorZilla je skvelý nástroj, ktorý budú weboví dizajnéri považovať za celkom užitočný. Tento doplnok má kvapkadlo na rýchly výber farieb na webovej stránke, generátor prechodov CSS, analyzátor farieb, palety farieb a mnoho ďalšieho.

Vhodné pre: webových vývojárov
Čo to robí: Upravte webové stránky pomocou vlastného kódu

Greasemonkey, ktorý si obľúbilo viac ako milión používateľov Firefoxu, je rozšírenie, ktoré vám poskytne nekonečnú zábavu. Tento doplnok vám umožňuje prispôsobiť obľúbené webové stránky ich úpravou pomocou vlastného kódu JavaScript. Môžete si tiež vychutnať skripty, ktoré už vytvorili iní vývojári.

Najlepšie pre: Návrhárov rozhrania
Čo to robí: Upravuje odsadenie prvkov webu

Jednoduchý, ale užitočný doplnok, ktorý vám umožňuje kontrolovať webové prvky a vizuálne zistiť, koľko pixelov je v prvkoch vypnuté, čím sa vytvorí kompozícia s priehľadnými vrstvami. Pomocou tohto zloženia môžete nastaviť svoju skutočnú webovú stránku tak, aby zodpovedala prekrytiu, aby ste dosiahli najlepší výsledok bez akéhokoľvek dohadovania.

Ak napríklad jeden z obrázkov na vašej webovej stránke prekrýva iný objekt, môžete pomocou funkcie Pixel Perfect určiť, koľko pixelov musíte upraviť, aby sa obrázok dostal na správne miesto.

Vhodné pre: web dizajnérov
Čo to robí: Načíta všetko z webovej stránky

Tento doplnok zodpovedá svojmu názvu tým, že vám umožňuje sťahovať všetko z webovej stránky. Pomocou tohto rozšírenia si jedným kliknutím môžete stiahnuť všetky obrázky, odkazy a ďalšie údaje obsiahnuté na webovej stránke. Doplnok má tiež vstavaný akcelerátor sťahovania, ktorý štvornásobne optimalizuje rýchlosť sťahovania.

Najlepšie pre: Návrhárov rozhrania
Čo to robí: Skontrolujte webové stránky v programe Internet Explorer

Verte či nie, sú ľudia, ktorí stále používajú tie staré Internetové verzie Prieskumník na prístup na internet. Vytváranie stránok, ktoré fungujú dobre v týchto starších prehliadačoch, je jedným z problémov, s ktorými webdizajnéri stále zápasia. Tento doplnok uľahčuje prispôsobenie webových návrhov pre starších ľudí Internetové prehliadače Prieskumník, vytvorenie novej karty v IE.

Vhodné pre: webových dizajnérov a vývojárov
Čo to robí: Zobrazuje vám technológiu použitú na webovej stránke

Zaujíma vás, aké technológie boli použité na vytvorenie vašich obľúbených webových stránok? Potom vám bude tento doplnok užitočný. BuiltWith je rozšírenie, ktoré vám umožňuje skenovať webové stránky, aby ste zistili, aké technológie sa na stránke používajú. Skvelý nástroj pre všetkých začínajúcich webových dizajnérov, ktorí sa môžu učiť z hotových webových stránok.

Vhodné pre: webových vývojárov
Čo to robí: Zapína alebo vypína Java

Tento doplnok vám umožňuje jednoducho povoliť alebo zakázať Java vo vašom prehliadači. Môže tiež zakázať Javascript, cookies, animované obrázky, Flash a ďalšie na webovej stránke. Ide o užitočný plugin nielen pre vývojárov, ale aj pre bežných používateľov na zlepšenie zabezpečenia prehliadača a zníženie šírky pásma.

Najlepšie pre: Návrhárov rozhrania
Čo robí: Meria prvky v pixeloch

Funkcia tohto doplnku je jednoduchá, umožňuje nakresliť virtuálne pravítko na webovú stránku alebo prvok na stránke a zmerať tak šírku, výšku alebo zarovnanie pixelov prvku na webovej stránke. MeasureIt je užitočné pre väčšinu front-end vývojárov na vytváranie drôtových modelov.

Vhodné pre: web dizajnérov
Čo to robí: prepína jazyk v prehliadači

Toto je užitočný nástroj, ktorý okamžite preloží váš Firefox do iného jazyka. Všetko vo vašom prehliadači, vrátane používateľské rozhranie, slovník kontroly pravopisu a obsah webových stránok budú preložené do vami zvoleného jazyka. Skvelá funkcia, ktorú môžete použiť pri vývoji viacjazyčných webových stránok.

Najlepšie pre: Návrhárov rozhrania
Čo to robí: generuje fiktívny text

Vytváranie fiktívnych textov pre vaše nové makety a prototypy webových stránok je nudná úloha, ktorá pravdepodobne nebude baviť ani jedného dizajnéra. Toto rozšírenie robí proces menej nudným tým, že vám umožňuje generovať fiktívny text Lorem Ipsum priamo z Firefoxu.

Vhodné pre: webových vývojárov
Čo robí: upravuje a vytvára súbory cookie

Tento doplnok nielen spravuje súbory cookie vašej stránky, ale umožňuje vám tiež jednoducho upravovať a vytvárať nové súbory. Niektoré z funkcií doplnku zahŕňajú inline prehliadanie cookies, možnosť zmeny domény, možnosť úpravy viacerých cookies naraz a mnoho ďalšieho.

Najlepšie pre: Návrhárov rozhrania
Čo to robí: Vyberá farby na webovej stránke

Ľahko použiteľný nástroj, ktorý vám umožňuje vybrať farby ľubovoľného pixelu na webovej stránke a jednoducho skopírovať farebný kód RGB alebo Hex pre použitie vo vašich vlastných projektoch. Krása a vizuálne rozhranie tohto nástroja uľahčujú začiatočníkom učiť sa o farbách na webových stránkach.

Vhodné pre: webových dizajnérov a vývojárov
Čo robí: Poskytuje informácie o softvéri používanom webovou stránkou

Podobne ako doplnok BuiltWith je Wappalyzer ďalším užitočným rozšírením, ktoré vám umožní zistiť, čo softvér používané na webovej stránke. Môžete napríklad zistiť, aký typ CMS stránka používa, aký operačný systém server webovej stránky podporuje a oveľa viac.

Vhodné pre: webových vývojárov
Čo to robí: Zmení používateľského agenta prehliadača

Chcete vedieť, ako bude váš web vyzerať na rôznych platformách a operačných systémoch? Potom je to pomôcka, ktorá sa vám určite bude hodiť. User-Agent Switcher vám umožňuje prepínať medzi rôznymi platformami, ako sú Android, Mac, Windows a vybranými operačnými systémami, aby ste zmenili používateľského agenta vášho prehliadača.

Vhodné pre: webových dizajnérov a vývojárov
Čo to robí: Zobrazuje príklad použitia karty pamäte prehliadača

Ide o praktický doplnok, ktorý vám pomôže určiť, koľko zdrojov vášho počítača využívajú jednotlivé otvorené karty vo Firefoxe. Pomocou tohto nástroja môžete zistiť, koľko zdrojov vaša lokalita využíva, a optimalizovať ju na maximálny výkon.

Vhodné pre: webových a grafických dizajnérov
Čo to robí: Otvára obrázky vo Photoshope

Tento doplnok robí to, čo hovorí jeho názov, jednoducho jedným kliknutím otvorí obrázky, ktoré nájdete na webovej stránke pomocou Photoshopu. Nie je potrebné nahrávať obrázok alebo spúšťať Photoshop, rozšírenie urobí všetko, čo potrebujete.

Najlepšie pre: Návrhárov rozhrania
Čo robí: Zlepšuje HTML tabuľky

Grafy, štatistiky, porovnania, tabuľky – to všetko dokáže tento doplnok. Tento nástroj môžete použiť na vytváranie užívateľsky prívetivých a krásnych HTML tabuliek a diagramov.

Vhodné pre: webových vývojárov
Čo to robí: Klient SSH pre Firefox

Na spustenie terminálu SSH je zvyčajne potrebné nainštalovať aplikáciu. Tieto aplikácie sa líšia v jednej veci operačný systém z iného. FireSSH však funguje na všetkých platformách, pokiaľ máte Firefox. Rozšírenie umožňuje spustiť SSH terminál priamo z prehliadača.

Najlepšie pre: Návrhárov rozhrania
Čo to robí: Automaticky obnovuje webové stránky

Jednou z nepríjemných vecí, ktorým čelia webdizajnéri pri vývoji webových stránok, je potreba ručne aktualizovať webovú stránku po každej malej zmene kódu. Auto Refresh je rozšírenie, ktoré rieši tento problém tým, že vám umožňuje automaticky obnovovať jednu alebo viac kariet vo Firefoxe vo vami definovaných intervaloch.

Najlepšie pre: Návrhárov rozhrania
Čo to robí: Zmení veľkosť okien Firefoxu pre konkrétne rozlíšenia obrazovky

Tento doplnok vám umožňuje zmeniť veľkosť okna Firefoxu v konkrétnych rozlíšeniach, aby ste videli, ako vaša webová lokalita vyzerá na rôznych obrazovkách. Aby toto rozšírenie fungovalo správne, budete si musieť nainštalovať panel doplnkov Firefoxu.

Vhodné pre: webových dizajnérov a vývojárov
Čo robí: nájde informácie o písmach stránky a jej prvkoch

Font Finder je praktický nástroj, ktorý vám umožní preskúmať prvky webovej stránky a zistiť ich dôležitá informácia o písmach použitých na stránke, ako je názov rodiny písma, farba písma, riadkovanie, zdobenie a ďalšie.

Najlepšie pre: Návrhárov rozhrania
Čo to robí: kontroluje webové stránky v rôznych prehliadačoch

Funkcia tohto doplnku je jednoduchá. Umožňuje vám okamžite otvoriť akúkoľvek webovú stránku, ktorú si prezeráte vo Firefoxe pomocou iného prehliadača jediným kliknutím. Nie je potrebné kopírovať adresy URL, otvorte každý prehliadač jeden po druhom a vložte adresy URL, aby ste otvorili webovú stránku.

Vhodné pre: webových dizajnérov a vývojárov
Čo to robí: vymaže vyrovnávaciu pamäť prehliadača

Tento doplnok okamžite vymaže vyrovnávaciu pamäť prehliadač Firefox(RAM a DISK), aby sa znížilo využitie počítačových zdrojov. Rozšírenie umožňuje vymazať vyrovnávaciu pamäť jednoduchým kliknutím na tlačidlo alebo stlačením klávesu F9 na klávesnici. Ak chcete rýchlo zobraziť zmeny vykonané na webovej stránke, tento doplnok bude veľmi užitočný.

S rastúcou popularitou prehliadača Google Chrome sa objavujú rozšírenia, ktoré šetria čas webovým vývojárom tým, že im umožňujú sledovať chyby a problémy s výkonom stránok.

Tu je niekoľko užitočných rozšírení pre Google Chrome.

Web Developer Extension

Chcel by som poznamenať najpohodlnejší a najvýkonnejší nástroj pre webového vývojára a webového dizajnéra - Rozšírenie Web Developer pre Google Chrome.

Rozšírenie sa pridáva na panel s nástrojmi Google Chrome vo forme tlačidla s ikonou ozubeného kolieska a obsahuje rôzne nástroje na vývoj a ladenie webovej stránky. Toto je oficiálna adaptácia populárnej verzie, ktorú napísal rovnaký vývojár.

Rozšírenie má veľké množstvo možností.

Veľa ľudí napríklad len potrebuje zistiť farbu prvku na obrazovke monitora v hexadecimálnom formáte. Na tento účel má plugin špeciálna funkcia. V časti Rôzne vyberte položku Zobraziť výber farby.

Výberom položky Display Color Picker sa kurzor zmení na krížik. Teraz kliknutím na ľubovoľnú oblasť obrazovky v pravom dolnom rohu prehliadača zobrazíte farbu v šestnástkovej sústave na použitie v CSS.