15 beste blaaieruitbreidings vir ontwikkelaars (2020)

Die grootste verandering vir 2018 was die groot opknapping van FireFox, en daarmee werk die manier waarop byvoegings in daardie blaaier werk. As gevolg hiervan, word baie gewilde byvoegings nie meer onderhou nie, of raak hulle nie beskikbaar nie.

Die meeste byvoegings vir Firefox is ook beskikbaar as uitbreidings vir Google Chrome. In hierdie artikel sal ons probeer om byvoegings / uitbreidings tussen blaaier te soek, wat binne hierdie konteks beteken dat hulle op Firefox, Chrome en Chromium sal werk. Ons sal ook voorkeur gee aan gratis uitbreidings wat nie bekend is dat u u inligting aan derde partye deurgee nie en nie deur advertensie-inkomste ondersteun word nie. Ons fokus meer op uitbreidings wat u nie tot 'n spesifieke ontwikkelingstegnologie beperk nie.

Min ontwikkelaars sien enige voordeel daaruit om Microsoft Edge as 'n ontwikkelingsleser te gebruik, maar dit is goed vir toetsing na die ontwikkeling. Daar kan verwag word dat net 'n bietjie meer as 4 uit elke 100 besoekers dit gebruik, hoewel dit verwag kan word dat die getal effens sal toeneem namate meer gebruikers Internet Explorer laat vaar.

Alhoewel daar baie meer Chrome-gebruikers as Firefox-gebruikers is, is diegene in die IT-skare geneig om Firefox te verkies, en daarom is daar meer en beter uitbreidings gerig op ontwikkelaars in Firefox.

Kom ons kyk nou na die beste blaaier-uitbreidings vir ontwikkelaars en waarom u dit miskien by u blaaier wil voeg.

1. Gebou met

As u op 'n baie goed vervaardigde webwerf is en u wil weet hoe dit gedoen is, sal hierdie uitbreiding u baie tyd en moeite bespaar in die bronkode. Aflaai skakels: Chrome / Chroom, Firefox

2. byl

Dit is 'n hulpmiddel-ouditinstrument. Dit is altyd die beste om u bladsye so toeganklik moontlik te maak, en byl sal u help om per ongeluk 'n deel gebruikers uit te sluit van u webwerf. Aflaai skakels: Chrome / Chroom, Firefox

3. ColorZilla

Met hierdie uitbreiding is u 'n ou dingetjie, maar u kan kleure direk vanaf 'n bladsy monster, kleurkodes opneem, gradiënte genereer en meer. Aflaai skakels: Chrome / Chroom, Firefox

4. Webontwikkelaar

Voeg 'n paar nuttige ekstra's by u blaaier vir die beheer van CSS, vorms, beelde en inligting. Een van die gewildste uitbreidings wat ooit gemaak is. Aflaai skakels: Chrome / Chroom, Firefox

5. Woo Rank

Ontleed enige webbladsye vir SEO-data. Voorsien 'n kragtige verslag waarin u al die internskappe van SEO wys, insluitend 'n algehele SEO-telling, voorstelle vir verbetering, sleutelwoordwolk en nog baie meer. Aflaai skakels: Chrome / Chroom, Firefox

6. Tab2QR

Genereer 'n QR-kode van die bladsy waarop u is en u kan die bladsy met u telefoon besoek deur die QR-kode te skandeer. Dit is goed vir die toets van responsiewe webwerwe, selfs al het u dit nie geskep nie. Aflaai skakels: Chrome / Chroom, Firefox

7. HTTP-versoekmaker

Dit kan baie nuttig wees om PHP-vormantwoorde te toets, waar u nie regtig die vorm wil indien nie (wat ekstra verwerking kan veroorsaak wat u nie hoef te toets nie). Met hierdie instrument kan u moeiteloos HTTP-versoeke smee. Let daarop dat alhoewel die Chrome- en Firefox-uitbreidings dieselfde naam het en dieselfde dinge doen, word hulle deur verskillende ontwikkelaars gemaak en is dit nie presies dieselfde nie. Aflaai skakels: Chrome / Chroom, Firefox

8. Bladprestasietoets

Verkry vinnig 'n verslag oor hoe u bladsy presteer in verskillende stadiums van u reis na u blaaier. Dit is soortgelyk aan 'n meer gevorderde weergawe van tracert. Hierdie een is nou eers op Firefox beskikbaar. Daar is soortgelyke uitbreidings vir Chrome en Chromium, maar hulle is nie so ryk aan funksies soos hierdie nie. Aflaai skakels: Firefox

9. Woordtelling-instrument

Hierdie een kan eintlik meer doen as wat die naam aandui, want dit sal ook vir u sê hoeveel karakters en hoeveel sinne binne 'n geselekteerde teksblokkie (of die hele bladsy) is. Aflaai skakels: Chrome / Chroom, Firefox

10. Kontrolelys vir webontwikkelaars

Maak seker dat u die beste riglyne vir webontwikkelingspraktyk volg met hierdie instrument om aan te toon waar u standaarde moontlik gesak het. Aflaai skakels: Chrome / Chroom, Firefox

11. Beeldkaartredakteur

Een van die drie uitstekende uitbreidings van die Duitse ontwikkelaar Heinz-Jürgen Boms. Hierdie een doen presies wat die naam sê. U kan 'n prentkaart direk in die blaaier genereer deur net die gebiede van 'n beeld wat u wil in kaart te soek, op te spoor. Aflaai skakels: Firefox

12. Gevorderde raamredigeerder

Heinz-Jürgen Boms, 'n ander uitbreiding, is regtig 'n CSS-stylinstrument waar u 'n raam direk in die blaaier kan bou deur die eienskappe daarvan te spesifiseer. Dit is die moeite werd om die dokumentasie voordat u dit begin gebruik. Aflaai skakels: Firefox

13. Bootstrap-responsiewe helper

Dit is 'n baie eenvoudige uitbreiding wat u help om vinnig te sien of u breekpunte korrek werk en op watter bootstrap die huidige modus is. Natuurlik het u slegs hierdie uitbreiding nodig as u in Bootstrap werk. Die Chrome-weergawe word ontwikkel deur Jonathan Defraiteur, en die Firefox-weergawe is ontwikkel deur Kevin Bon. Aflaai skakels: Chrome / Chroom, Firefox

14. Probeer dit self HTML5 Editor

As u verkies om dinge eenvoudig te hou en net al u werk van een plek af te kry, is hierdie uitbreiding vir u. Hierdie konteksbewuste redakteur is ryk aan funksies en werk direk in die blaaier en ondersteun HTML, CSS en JavaScript. Dit is ver van volmaak, maar vir 'n vinnige en vuil bewerking sonder om die moeite te doen om 'n aparte program oop te maak, kry dit die werk gedoen. Aflaai skakels: Firefox

15. Röntgenbril

Hierdie een is tegnies nie 'n uitbreiding nie, dit is eintlik 'n boekmerkblad. Maar dit werk so goed; ons kon dit nie van die lys aflaat nie. Alhoewel dit deur Mozilla vervaardig is, werk dit ewe goed in Chrome omdat beide blaaiers aan die standaarde voldoen. Om dit te gebruik, moet u u boekmerkbalk sigbaar maak. Besoek dan die aflaaibladsy wat u via die skakels hieronder kan bereik, en sleep die X-Ray Goggles-knoppie na die boekmerkbalk. Besoek dan net enige webwerf, maak 'n vuurwapen van u X-Ray Goggles-boekmerk, kies 'n element op die bladsy en u kan die kode daarvoor wysig. Aflaai skakels: Chrome / Chroom, Firefox

opskrif van hoofde met vergunning van

Bogdan Rancea

Bogdan is 'n stigterslid van Inspired Mag, en het bykans 6 jaar ervaring in hierdie periode opgedoen. In sy vrye tyd studeer hy graag klassieke musiek en verken visuele kuns. Hy is ook behep met fixies. Hy besit al 5.