15 nejlepších rozšíření Chrome pro programátory a vývojáře

Pokud jste programátor, který Chrome nepoužívá, jste v menšině.

Existuje tolik důvodů, proč preferovat tento prohlížeč pro programování, jako je obrovský vliv Google na směr webu, vestavěné funkce, díky nimž je vývoj méně frustrující, a pouhý počet dostupných rozšíření..

Tento poslední bod je zásadní. Od února 2018 má Chrome více než 60 procent tržního podílu na stolních počítačích - není divu, že většina tvůrců rozšíření soustředí své úsilí nejprve na Chrome. To znamená, že zde jsou nejlepší rozšíření Chrome, která byste měli používat, pokud jste vývojář jakéhokoli druhu, ale zejména vývojář webu Programování vs. Vývoj webu: Jaký je rozdíl? Programování vs. vývoj webu: Jaký je rozdíl? Možná si myslíte, že programátoři aplikací a vývojáři webových stránek dělají stejnou práci, ale to je daleko od pravdy. Zde jsou hlavní rozdíly mezi programátory a vývojáři webu. .

Obecná rozšíření vývoje

1. Session Buddy

Chrome má úžasnou funkci zvanou vlastní uživatelské profily, která vám umožňuje vytvářet samostatné sady záložek, nastavení, karet, historie atd. Jedno byste měli určitě nastavit speciálně pro programování, pokud jste tak již neučinili.

Ale Session Buddy to udělal o krok dále, což vám umožní uložit konkrétní “záložky” a přepínat mezi nimi podle libosti, což se hodí, když pracujete na několika projektech.

Stažení: Session Buddy

2. iMacros pro Chrome

iMacros je rozšíření, které vám umožní automatizovat opakující se úkoly. Můžeš “záznam” určité akce (např. kliknutí myší a stisknutí kláves), uložte je jako makra a poté je spusťte, kdykoli chcete jediným kliknutím. Ušetří tolik času při vyplňování formulářů, testování změn atd. Pro makra mimo Chrome doporučujeme skripty AutoHotkey.

Stažení: iMacros pro Chrome

3. Web Timer

Web Timer sleduje, kolik času trávíte (nebo ztrácíte) na různých webech, což může pomoci omezit tendence k odkládání. Sleduje se pouze v případě, že je Chrome v centru pozornosti, a je dostatečně chytrý, aby zastavil sledování, když jste nečinní.

Stažení: Webový časovač

Pokud chcete pokročilejší měřič času, důrazně doporučujeme multiplatformní Toggl Nejlepší aplikaci pro sledování času pro Android, iOS a Desktop Nejlepší aplikaci pro sledování času pro Android, iOS a Desktop Ukážeme vám, jak vám může pomoci sledování času nebo váš tým, co hledat v softwaru pro sledování času a nejlepší cross-platformovou aplikaci, kterou jsme mohli najít pro tuto práci. .

4. Úžasné Screenshot

Awesome Screenshot je all-in-one rozšíření pro pořízení snímků obrazovky, nahrávání videa na obrazovce, přidávání poznámek a rozmazání uchopených obrázků a sdílení snímků jedním kliknutím s ostatními. Jednou šikovnou vlastností je jeho schopnost snímat snímky obrazovky celou webovou stránku a steh to všechno dohromady jako jeden obří obraz. Řešení, které funguje i mimo Chrome, naleznete v těchto nejlepších nástrojích pro vytváření snímků obrazovky.

Stažení: Úžasné Screenshot

5. Kosmoset

Marmoset je zábavný malý nástroj pro vytváření 3D snímků obrazovky vašeho kódu. Jakmile snímek uchopíte, můžete se ve 3D otáčet a zkosovat a měnit měřítko, což je ještě zajímavější, když chcete sdílet úryvky. Je také užitečná při vytváření obrazových obrazů nebo prohlížení zdrojového kódu na domovské stránce projektu.

Stažení: Kočkodan

Rozšíření pro vývoj webu

6. Webový vývojář

Pokud nainstalujete jedno rozšíření, které vám pomůže při vývoji webu, ať je to toto. Web Developer je vybaven několika pohodlnými funkcemi, včetně přepínání JavaScriptu a pluginů jedním kliknutím, změna velikosti okna pro testování responzivních návrhů, testování a ladění obrázků a další.

Stažení: Web Developer

7. Přepínač User-Agent

Z mnoha “přepínač uživatelských agentů” rozšíření v Internetovém obchodě Chrome, toto je nejlepší. Stále se aktualizuje, neukradne odkazy, přichází s řadou výchozích řetězců uživatelských agentů, ale také vám umožňuje vytvářet vlastní řetězce uživatelských agentů. Je to jediné rozšíření svého druhu, které spolehlivě funguje.

Stažení: Přepínač User-Agent

8. Wappalyzer

Pokud chcete vědět, jaké webové technologie napájejí konkrétní web, Wappalyzer vám to řekne jediným kliknutím. Je dostatečně chytrý k detekci CMS (např. WordPress), webových rámců (např. React), nástrojů a nástrojů (např. Google Analytics), platforem elektronického obchodování (např. Shopify) a mnohem více.

Stažení: Wappalyzer

9. IE Tab

Od února 2018 je více než 13 procent uživatelů stolních počítačů stále v aplikaci Internet Explorer, což je škoda, protože IE není zdaleka v souladu s moderními webovými standardy. Proto potřebujete kartu IE, která emuluje IE na nové kartě a umožňuje testovat weby v různých verzích: IE6, IE7, IE8, IE9 a ovládací prvky ActiveX. Opravdu užitečné, pokud potřebujete, aby váš web byl kompatibilní se VŠECHNY prohlížeči, bez ohledu na to, jak starý je.

Stažení: IE Tab

10. Klikněte na & Vyčistit

Při vývoji webové stránky je několik nepříjemnějších věcí, které neustále vymaže data prohlížení, abyste se ujistili, že načítáte nové změny. Click & Clean nejen zrychluje, ale také poskytuje větší kontrolu nad tím, co můžete vyčistit (např. Odstranit databáze a data pluginů, uchovávat cookies pro určité weby atd.).

Stažení: Klikněte na & Vyčistit

11. WhatFont

WhatFont je nejrychlejší způsob, jak identifikovat písma na webu. Jedna věc je kliknout pravým tlačítkem myši na prvek, vybrat možnost Prohlédnout prvek a poté se podívat do šablony stylů a zjistit, co to je. S WhatFont nejenže vidíte, co je písmo pouhým přesunutím myši nad prvek, ale také vám řekne, jak se dané písmo zobrazuje (např. Google Fonts, TypeKit atd.).

Stažení: WhatFont

12. Kapátko ColorPick

ColorPick Eyedropper je nástroj, který vám umožní přiblížit a získat přesný barevný kód libovolného pixelu na jakékoli webové stránce. Barevný kód je k dispozici v hex, RGB a HSL. Je extrémně pohodlné a mnohem rychlejší než prohlížení prvků, abyste viděli, které barvy se používají v šabloně stylů, nebo stahujte obrázky a vybírejte barvy v editoru obrázků..

Stažení: Kapátko ColorPick

13. Generátor Lorem Ipsum

Při vývoji webové stránky budete nakonec potřebovat nějaký falešný text. Generátory Lorem ipsum jsou na webu hojné, ale generátor Lorem Ipsum je vždy okamžitě k dispozici přímo na vaší aktuální kartě. Je to rychlé a můžete si přizpůsobit, kolik odstavců chcete a kolik vět za odstavec.

Stažení: Generátor Lorem Ipsum

14. Zkontrolujte moje odkazy

Na konci projektu vývoje webu budete chtít udělat závěrečný průchod na všech klíčových stránkách, abyste se ujistili, že všechny vaše odkazy fungují. Funkce Check My Links umožňuje tento proces co nejjednodušší. Stačí kliknout na tlačítko a prohledají se všechny odkazy na aktuální stránce a poté každý z nich zvýrazní podle toho, zda je nefunkční nebo funkční.

Stažení: Zkontrolujte moje odkazy

15. Rozměry

Dimenze jsou spíše nástrojem pro webový design než webovým vývojem, ale protože se tyto dva obvykle překrývají, pravděpodobně budete chtít toto rozšíření použít. Stručně řečeno, okamžitě měří vzdálenost mezi libovolnými dvěma prvky webu, včetně textových, obrazových, video a polí formulářů. Může také měřit vzdálenost od kurzoru myši k některému z těchto podporovaných webových prvků.

Stažení: Rozměry

Další rozšíření Chrome, která by mohla prokázat, že jsou užitečná

Kromě výše uvedeného důrazně doporučujeme tato rozšíření pro správu karet a tato rozšíření o produktivitu firmy pro Chrome, což jsou dvě věci, které vás mohou frustrovat jako vývojáře pomocí Chromu..

Měli byste se také podívat na náš obrovský výběr nejlepších rozšíření Chrome Nejlepší rozšíření Chrome Nejlepší rozšíření Chrome Seznam pouze těch nejlepších rozšíření pro Google Chrome, včetně návrhů od našich čtenářů. , která zahrnuje vše od zabezpečení po zábavu, od nakupování po celkovou produktivitu a ještě mnohem více.