Největší změnou pro rok 2018 bylo zásadní přepracování FireFoxu a s ním i způsob, jakým doplňky v tomto prohlížeči fungují. Výsledkem je, že mnoho oblíbených doplňků již není udržováno nebo se stalo nedostupným.
Většina doplňků pro Firefox je k dispozici také jako rozšíření pro Google Chrome. V tomto článku se pokusíme dát přednost křížový prohlížeč doplňky / rozšíření, což v tomto kontextu znamená, že budou fungovat ve Firefoxu, Chrome a Chromiu. Upřednostníme také bezplatná rozšíření, o kterých není známo, že předávají vaše informace třetím stranám a nejsou podporována příjmy z reklam. Více se zaměříme na rozšíření, která vás neomezují na konkrétní vývojovou technologii.
Jen málo vývojářů by vidělo nějakou výhodu v používání Microsoft Edge jako vývojového prohlížeče, ale pro testování po vývoji je to v pořádku. Lze očekávat, že jej budou používat pouze něco málo přes 4 z každých 100 návštěvníků webu, i když lze očekávat, že toto číslo se mírně zvýší s tím, jak stále více uživatelů Internet Explorer opustí.
I když je uživatelů Chrome mnohem více než uživatelů Firefoxu, ti v IT davu mají tendenci preferovat Firefox, a proto je ve Firefoxu více a lepších rozšíření zaměřených na vývojáře.
Nyní se podíváme na ta nejlepší rozšíření prohlížeče pro vývojáře a na to, proč je možná budete chtít přidat do svého prohlížeče.
1. Postaveno s
Když se ocitnete na opravdu dobře udělaném webu a chcete vědět, jak to udělali, toto rozšíření vám ušetří spoustu času a námahy přehrabováním se ve zdrojovém kódu. Odkazy ke stažení: Chrome / Chrom, Firefox
2. sekera
Toto je nástroj pro audit přístupnosti. Vždy je nejlepší snažit se své stránky co nejvíce zpřístupnit a axe vám pomůže vyhnout se náhodnému vyloučení segmentu uživatelů z vašeho webu. Odkazy ke stažení: Chrome / Chrom, Firefox
3. ColorZilla
Toto staré, ale stále dobré rozšíření vám umožňuje vzorkovat barvy přímo ze stránky, získávat barevné kódy, generovat přechody a další. Odkazy ke stažení: Chrome / Chrom, Firefox
4. WebDeveloper
Přidává do vašeho prohlížeče několik užitečných doplňků pro ovládání CSS, formulářů, obrázků a informací. Jedno z nejpopulárnějších rozšíření, jaké kdy bylo vyrobeno. Odkazy ke stažení: Chrome / Chrom, Firefox
5. Woo Rank
Analyzujte libovolnou webovou stránku pro SEO data. Poskytuje výkonnou zprávu, která vám ukáže všechny interní SEO, včetně celkového skóre SEO, návrhů na zlepšení, cloudu klíčových slov a mnoho dalšího. Odkazy ke stažení: Chrome / Chrom, Firefox
6. Tab2QR
Vygenerujte si QR kód stránky, na které se nacházíte, a stránku můžete navštívit pomocí telefonu pouhým naskenováním QR kódu. Dobré pro testování responsive stránky, i když jste je nevytvořili. Odkazy ke stažení: Chrome / Chrom, Firefox
7. HTTP Request Maker
To může být velmi užitečné pro testování odpovědí formuláře PHP, kde ve skutečnosti nechcete formulář odeslat (což může spustit další zpracování, které nemusíte testovat). Pomocí tohoto nástroje můžete snadno falšovat požadavky HTTP. Všimněte si, že ačkoli rozšíření Chrome a Firefox mají stejný název a dělají stejné věci, jsou vytvořeny různými vývojáři a nejsou úplně stejné. Odkazy ke stažení: Chrome / Chrom, Firefox
8. Test výkonu stránky
Rychle získejte zprávu o výkonu vaší stránky v různých fázích cesty do vašeho prohlížeče. Je to něco jako pokročilejší verze tracert. Ten je zatím dostupný pouze ve Firefoxu. Existují podobná rozšíření pro Chrome a Chromium, ale nejsou tak bohaté na funkce jako toto. Odkazy ke stažení: Firefox
9. Nástroj počítání slov
Ten ve skutečnosti umí víc, než název napovídá, protože vám také řekne, kolik znaků a kolik vět je ve vybraném bloku textu (nebo na celé stránce). Odkazy ke stažení: Chrome / Chrom, Firefox
10. Kontrolní seznam pro vývojáře webu
Ujistěte se, že dodržujete doporučené postupy pro vývoj webu pomocí tohoto nástroje, který se zobrazí tam, kde vaše standardy mohly sklouznout. Odkazy ke stažení: Chrome / Chrom, Firefox
11. Editor obrazových map
Jedno z tria vynikajících rozšíření od německého vývojáře Heinze-Jürgena Bomse, toto dělá přesně to, co název říká, že dělá. Obrazovou mapu můžete vygenerovat přímo v prohlížeči pouhým obkreslováním oblastí obrázku, které chcete mapovat. Odkazy ke stažení: Firefox
12. Pokročilý editor snímků
Další rozšíření od Heinze-Jürgena Bomse, to je opravdu stylovací nástroj CSS, kde můžete vytvořit rámec přímo v prohlížeči zadáním jeho atributů. Stojí za to se podívat na dokumentace než jej začnete používat. Odkazy ke stažení: Firefox
13. Bootstrap Responsive Pomocník
Toto je velmi jednoduché malé rozšíření, které vám pomůže rychle zjistit, zda vaše body přerušení fungují správně a na jaké úrovni bootstrapu je aktuální režim. Toto rozšíření samozřejmě budete potřebovat pouze v případě, že skutečně pracujete v Bootstrapu. Verzi pro Chrome vyvinul Jonathan Defraiteur a verzi pro Firefox vyvinul Kevin Bon. Odkazy ke stažení: Chrome / Chrom, Firefox
14. Vyzkoušejte si HTML5 Editor
Pokud dáváte přednost tomu, abyste věci zjednodušili a veškerou svou práci vyřídili z jednoho místa, je toto rozšíření právě pro vás. Tento kontextový editor, bohatý na funkce, pracuje přímo v prohlížeči a podporuje HTML, CSS a JavaScript. K dokonalosti to má daleko, ale pro rychlou a špinavou úpravu bez obtěžování otevíráním samostatné aplikace to dá práci. Odkazy ke stažení: Firefox
15. Rentgenové brýle
Technicky toto není rozšíření, je to ve skutečnosti bookmarklet. Ale funguje to tak dobře, že jsme to nemohli vynechat ze seznamu. I když je vytvořen Mozillou, funguje stejně dobře v Chrome, protože oba prohlížeče plně vyhovují standardům. Chcete-li ji používat, musíte lištu záložek zviditelnit. Poté navštivte stránku pro stahování, na kterou se dostanete přes odkazy níže, a přetáhněte tlačítko X-Ray Goggles na lištu záložek. Pak stačí navštívit libovolnou stránku, spustit záložku X-Ray Goggles, vybrat prvek na stránce a můžete pro něj upravit kód. Odkazy ke stažení: Chrome / Chrom, Firefox
obrázek v záhlaví se svolením
Komentáře 0 Odpovědi