Kamakailan lang, naglabas kami ng post sa 12 Google Chrome Extension para sa Mga Developer at Designer at habang available ang ilan sa mga extension na iyon sa Firefox , wala na akong uulitin dito.
Sa parehong paraan, available ang ilan sa mga extension na nakalista sa ibaba sa Chrome kaya isaalang-alang ang mga naturang app bilang mga bonus para sa kani-kanilang mga browser.
1. HTML Validator
HTML Validator ay tumatakbo sa iyong code upang matiyak na sumusunod ito sa HTML standard convention. Ipinapakita nito ang bilang ng mga error na nakikita nito sa icon sa toolbar.
HTML Validator Firefox Addon
2. Octotree
Bilang isang developer, tumatakbo ako sa ilang page ng code sa GitHub paminsan-minsan kapag naghahanap upang makita kung paano nalutas ng ibang mga developer ang ilang partikular na problema . Kung ikaw ay tulad ko, makikita mo ang Octotree kapaki-pakinabang.
Octotree ay nagpapakita ng GitHub code sa isang tree format. Sa ganoong paraan, makakapag-browse ka sa mga linya ng code nang hindi dina-download ang mga source file.
Octotree Ipinapakita ang GitHub Code sa Tree Format
3. HTTPS Kahit Saan
HTTPS Everywhere ine-encrypt ang data na ipinagpapalit mo sa lahat ng pangunahing web page kahit na hindi sila gumagamit ng HTTPS.
Kaya kung ididirekta ka sa mga page na hindi gumagamit ng https, makatitiyak kang secure ang iyong komunikasyon online.
4. Pagsubok sa Pagganap ng Pahina
Page Performance Test ay nagbibigay sa iyo ng mga istatistika sa iyong mga web page sa pamamagitan ng pagsukat ng kanilang bilis at pag-load ng pagganap. Maaari mong i-save ang mga resulta ng chart upang maihambing ito sa mga susunod na pagsubok.
Pagsusuri sa Pagganap ng Pahina
5. Usersnap
Binibigyang-daan ka ngUsersnap na kumuha ng mga screenshot ng mga website at i-annotate ang mga ito sa pamamagitan ng pagdaragdag ng mga markup drawing at komento. May kasama rin itong pixel ruler at maaaring direktang isama sa iba't ibang tool sa pamamahala ng proyekto kabilang ang Slac, Trello, at JIRA.
Hindi makukumpleto ang listahang ito nang walang Usersnap dahil nagbibigay-daan ito sa isang epektibong proseso ng feedback. Ito ay isang bayad na serbisyo, gayunpaman, na may 14 na araw na libreng pagsubok.
Usersnap
6. Huwag paganahin ang JavaScript
I-disable ang JavaScript, gaya ng iminumungkahi ng pangalan, ay nagbibigay sa iyo ng kakayahang i-off ang JavaScript sa mga website o mga partikular na tab lang. Maaari mo itong i-customize upang magkaroon ng default na JS state of on/off, at isang default na disable na gawi ayon sa domain/tab, atbp.
Huwag paganahin ang JavaScript
7. Checklist ng Web Developer
Ang extension ng Checklist ng Web Developer ay nagbibigay sa iyo ng pangkalahatang-ideya kung gaano magagamit ang iyong site ayon sa pinakamahusay na mga kasanayan sa disenyo at pag-develop.
Ang pag-click sa icon ay ipaalam sa iyo ang tungkol sa SEO ng iyong site, mga friendly na URL, favicon, atbp. na may mga checkmark sa tabi ng mga ito upang magpahiwatig ng pass.
Checklist ng Web Developer
8. React Developer Tools
Sa tila walang katapusang pagtaas ng kasikatan ng React, halos araw-araw ay ipinanganak ang mga developer ng React at sinasaklaw sila ng React team.
React Developer Tools ay nagbibigay sa iyo ng kakayahang suriin ang isang React tree kasama ang estado nito, props, hierarchy, atbp. Upang i-activate ito , ilunsad ang Firefox devtools at lumipat sa tab na React.
Mayroon ding bersyon para sa Vue developer sa anyo ng Vue.js devtools.
React Developer Tools
9. ColorZilla
ColorZilla ay isang mahusay na tool para sa mga developer at graphic designer upang pumili ng mga kulay mula sa iba't ibang web page.
Naglalaman din ito ng eyedropper, gradient generator, palette browser, at history ng kulay.
ColorZilla
10. Evernote Web Clipper
Evernote Web Clipper ay nagbibigay-daan sa iyong kumuha ng mga screenshot ng mga web page at awtomatikong i-save ang mga ito sa iyong Evernoteaccount kung saan maaari kang gumawa ng mga anotasyon at ibahagi sa mga miyembro ng team.
Evernote Web Clipper
11. Cookie Manager
AngCookie Manager ay isang extension na nakakaalam sa seguridad na nagbibigay-daan sa iyong tingnan, magdagdag, mag-edit, magtanggal, at maghanap ng cookies sa anumang domain.
Ano ang mas cool tungkol sa Cookie Manager ay maaari kang mag-export at mag-import ng cookies sa pagitan ng mga domain.
Cookie Manager
12. Live Editor para sa CSS at LESS
Live Editor para sa CSS at LESS ay nagbibigay-daan sa iyong magsulat ng CSS/LESS code nang direkta sa iyong browser. Agad na magkakabisa ang iyong code at mase-save sa antas ng site sa lokal na storage ng iyong browser.
Nagtatampok ang in-page na editor nito ng autocomplete, beautify, linter, atbp. Dapat mong tingnan ito.
Live editor para sa CSS
Gusto mo ba ang alinman sa mga nakalistang extension o mayroon ka bang listahan na magagamit namin? Nasa ibaba ang comments section.