15 Pinakamahusay na Mga Extension ng Browser para sa Mga Nag-develop (2020)

Ang pinakamalaking pagbabago para sa 2018 ay ang pangunahing pag-overhaul ng FireFox, at kasama nito ang paraan ng mga add-on na gumana sa browser na iyon. Bilang isang resulta, maraming mga tanyag na add-on ay hindi na pinapanatili o naging hindi magagamit.

Karamihan sa mga add-on para sa Firefox ay magagamit din bilang mga extension para sa Google Chrome. Sa artikulong ito, susubukan naming bigyan ang kagustuhan sa mga add-on / extension na cross-browser, na sa loob ng kontekstong ito nangangahulugan na gagana sila sa Firefox, Chrome, at Chromium. Magbibigay din kami ng kagustuhan sa mga libreng extension na hindi alam na maipapasa ang iyong impormasyon sa mga third party at hindi sinusuportahan ng kita ng ad. Mas tututok kami sa mga extension na hindi pipigilan ka sa isang partikular na teknolohiya sa pag-unlad.

Ilang mga developer ang makakakita ng anumang kalamangan sa paggamit ng Microsoft Edge bilang isang browser ng pag-unlad, ngunit mainam ito para sa pagsubok sa post-development. Mas kaunti lamang sa 4 sa bawat 100 mga bisita sa site ang maaaring asahan na gagamitin ito, kahit na ang bilang na iyon ay maaaring asahan na tataas nang bahagya sa maraming mga gumagamit na abandunahin ang Internet Explorer.

Kahit na may higit na maraming mga gumagamit ng Chrome kaysa sa mga gumagamit ng Firefox, ang mga nasa IT crowd ay mas gusto ang Firefox, kaya't maraming at mas mahusay na mga extension na naglalayong mga developer sa Firefox.

Tingnan natin ito sa pinakamahusay na mga extension ng browser para sa mga developer at kung bakit maaaring gusto mong idagdag ang mga ito sa iyong browser.

1. Binuo Ng

Kapag nahanap mo ang iyong sarili sa isang talagang napakahusay na site at nais mong malaman kung paano nila ito nagawa, ang extension na ito ay makatipid sa iyo ng maraming oras at pagsisikap sa paghuhukay sa source code. Mag-download ng mga link: Chrome / Chromium, Firefox

2. palakol

Ito ay isang tool sa pag-audit sa kakayahang mai-access. Palaging pinakamahusay na subukan at gawing naa-access ang iyong mga pahina hangga't maaari, at tutulungan ka ng palakol na maiwasan ang hindi sinasadyang pagbubukod ng isang segment ng mga gumagamit mula sa iyong site. Mag-download ng mga link: Chrome / Chromium, Firefox

3. ColorZilla

Isang oldie ngunit mabuti pa rin, pinapayagan ka ng extension na ito na mag-sample ng mga kulay nang direkta mula sa isang pahina, kunin ang mga code ng kulay, bumuo ng mga gradient, at marami pa. Mag-download ng mga link: Chrome / Chromium, Firefox

4. WebDeveloper

Nagdaragdag ng ilang mga kapaki-pakinabang na extra sa iyong browser para sa kontrol ng CSS, mga form, larawan, at impormasyon. Isa sa mga pinakatanyag na extension na nagawa. Mag-download ng mga link: Chrome / Chromium, Firefox

5. Woo Ranggo

Pag-aralan ang anumang web page para sa data ng SEO. Nagbibigay ng isang malakas na ulat na ipinapakita sa iyo ang lahat ng mga panloob na SEO, kasama ang isang pangkalahatang marka sa SEO, mga mungkahi para sa pagpapabuti, ulap ng keyword, at marami pa. Mag-download ng mga link: Chrome / Chromium, Firefox

6. Tab2QR

Bumuo ng isang QR code ng pahina na nasa ka at maaari mong bisitahin ang pahina gamit ang iyong telepono sa pamamagitan lamang ng pag-scan sa QR code. Mabuti para sa pagsubok ng mga tumutugong site, kahit na hindi mo nilikha ang mga ito. Mag-download ng mga link: Chrome / Chromium, Firefox

7. Gumagawa ng Kahilingan sa HTTP

Maaari itong maging napaka kapaki-pakinabang para sa pagsubok ng mga tugon sa form ng PHP kung saan hindi mo talaga nais na isumite ang form (na maaaring magpalitaw ng karagdagang pagproseso na hindi mo kailangang subukan). Gamit ang tool na ito maaari kang makagawa ng mga kahilingan sa HTTP nang walang kahirap-hirap. Tandaan na kahit na ang mga extension ng Chrome at Firefox ay may parehong pangalan at gumagawa ng parehong mga bagay, ginawa ito ng iba't ibang mga developer at hindi eksaktong pareho. Mag-download ng mga link: Chrome / Chromium, Firefox

8. Pagsubok sa Pagganap ng Pahina

Mabilis na makakuha ng isang ulat kung paano gumaganap ang iyong pahina sa iba't ibang mga yugto ng paglalakbay nito sa iyong browser. Ito ay uri ng tulad ng isang mas advanced na bersyon ng tracert. Ang isang ito ay magagamit lamang sa Firefox sa ngayon. Mayroong mga katulad na extension para sa Chrome at Chromium ngunit hindi sila kasing yaman sa mga tampok tulad ng isang ito. Mag-download ng mga link: Firefox

9. Word Count Tool

Ang isang ito ay talagang makakagawa ng higit pa sa ipinahiwatig ng pangalan, dahil sasabihin din nito sa iyo kung gaano karaming mga character at kung gaano karaming mga pangungusap ang nasa loob ng isang napiling bloke ng teksto (o ang buong pahina). Mag-download ng mga link: Chrome / Chromium, Firefox

10. Checklist ng Developer ng Web

Tiyaking sinusunod mo ang pinakamahusay na mga alituntunin sa kasanayan sa pagbuo ng web gamit ang tool na ito na magpapakita kung saan maaaring nadulas ang iyong mga pamantayan. Mag-download ng mga link: Chrome / Chromium, Firefox

11. Editor ng Mapa ng Imahe

Isa sa trio ng mahusay na mga extension mula sa developer ng Aleman na Heinz-Jürgen Boms, eksaktong ginagawa ng isang ito kung ano ang sinasabi ng pangalan na ginagawa nito. Maaari kang makabuo ng isang mapa ng imahe nang direkta sa browser sa pamamagitan lamang ng pagsubaybay sa mga lugar ng isang imahe na nais mong mapa. Mag-download ng mga link: Firefox

12. Advanced Frame Editor

Ang isa pang extension mula sa Heinz-Jürgen Boms, ito ay talagang isang tool sa estilo ng CSS kung saan maaari kang bumuo ng isang frame nang direkta sa browser sa pamamagitan ng pagtukoy sa mga katangian nito. Ito ay nagkakahalaga ng pagsuri sa dokumentasyon bago simulang gamitin ito. Mag-download ng mga link: Firefox

13. Bootstrap Responsive Helper

Ito ay isang napakadaling maliit na extension na makakatulong sa iyo na makita nang mabilis kung gumagana nang tama ang iyong mga breakpoint at kung anong antas ng bootstrap ang kasalukuyang mode. Siyempre kakailanganin mo lamang ang extension na ito kung talagang nagtatrabaho ka sa Bootstrap. Ang bersyon ng Chrome ay binuo ni Jonathan Defraiteur, at ang bersyon ng Firefox ay binuo ni Kevin Bon. Mag-download ng mga link: Chrome / Chromium, Firefox

14. Subukan Mo Ito HTML5 Editor

Kung mas gugustuhin mong panatilihing simple ang mga bagay at gawin lamang ang lahat ng iyong trabaho mula sa isang lugar, para sa iyo ang extension na ito. Mayaman sa mga tampok, direktang gumagana ang browser na may kamalayan sa konteksto ito sa browser at sinusuportahan ang HTML, CSS, at JavaScript. Malayo ito mula sa perpekto, ngunit para sa isang mabilis at maruming pag-edit nang walang abala sa pagbubukas ng isang hiwalay na application, natatapos nito ang trabaho. Mag-download ng mga link: Firefox

15. X-Ray Goggles

Technically ang isang ito ay hindi isang extension, ito ay talagang isang bookmarklet. Ngunit gumagana ito nang maayos, hindi namin maiiwan ito sa listahan. Kahit na ginawa ito ng Mozilla, pantay itong gumagana sa Chrome dahil ang parehong mga browser ay ganap na sumusunod sa mga pamantayan. Upang magamit ito, kakailanganin mong gawin ang iyong mga bookmark bar na nakikita. Pagkatapos bisitahin ang pahina ng pag-download, na maaari mong maabot sa pamamagitan ng mga link sa ibaba, at i-drag ang X-Ray Goggles button sa bookmarks bar. Pagkatapos bisitahin lamang ang anumang site, sunugin ang iyong X-Ray Goggles bookmark, pumili ng isang elemento sa pahina, at maaari mong i-edit ang code para dito. Mag-download ng mga link: Chrome / Chromium, Firefox

imahe ng header sa kabutihang loob ng

Bogdan Rancea

Si Bogdan ay isang founding member ng Inspired Mag, na naipon ang halos 6 na taong karanasan sa panahong ito. Sa kanyang bakanteng oras gusto niyang mag-aral ng klasikal na musika at galugarin ang visual arts. Medyo nahuhumaling rin siya sa mga fixies. Nagmamay-ari na siya ng 5.