TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Topp 5 Chrome -utvidelser for utviklere

0

I dag er det en sterk konkurranse blant nettlesere om å tiltrekke seg brukere. De fleste moderne nettlesere har muligheten til å gjøre mye mer enn bare å surfe. De tilbyr en rekke funksjoner gjennom tillegg og utvidelser for personer som tilhører forskjellige kategorier, spesielt for programmerere og utviklere.

Google Chrome er den mest vanlige nettleseren og har et stort fellesskap for utvikling av allsidige og effektive utvidelser. Programmerere kan bruke disse uforlignelige mengder utvidelser for å gjøre programmeringen mindre frustrerende og tidseffektiv.

Topp 5 Chrome -utvidelser for utviklere

Her er de 5 beste utvidelsene du bør bruke hvis du er utvikler.

  • webutvikler
  • Wappalyzer
  • Codota – Java Code Viewer Developer Tool
  • Redux DevTools
  • User-Agent Switcher

1 webutvikler

Chrome tilbyr innebygde utviklerverktøy for nettstedutviklere for å gjøre forskjellige typer eksperimenter. I tillegg har nettstedutviklere det bredeste utvalget av utvidelser å velge fra Chrome Nettmarked. En av flerbruksutvidelsene for utviklere er ‘Web Developer’. Som navnet antyder, tilbyr denne utvidelsen hjelp til webutviklere på forskjellige måter. Den gir deg en verktøylinje som tilbyr flere funksjoner som hjelper deg med å utvikle og analysere et nettsted.

Gå til Chrome Nettmarked og søk etter utvidelsen "Webutvikler". Installer den i nettleseren din ved å klikke på "Legg til i Chrome" -knappen.

Topp 5 Chrome -utvidelser for utviklere

Nettutvikler Chrome -utvidelse

Utvidelsen vil legge til et tannhjulformet ikon ved siden av Chrome adresselinje. Klikk på den for å se en verktøylinje med et stort utvalg alternativer.

Topp 5 Chrome -utvidelser for utviklere

Alternativer for utvidelse av webutviklere

Følgende er noen av funksjonene utvidelsen tilbyr:

  • Deaktivering av JavaScript, varsler, popup-vinduer og plugins.
  • Forhindre alle typer informasjonskapsler, for eksempel domene -informasjonskapsler og øktens informasjonskapsler.
  • Deaktiver stilark, bilder og ulike skjemalternativer.
  • Endre størrelse på nettleseren for å kontrollere responsive oppsett.
  • Klikk på "Alternativer" -fanen og gå til "Farger" -delen i popup-vinduet. Her kan du slå på syntaksmarkeringstemaet til lyst eller mørkt for å se kodene i forskjellige farger med riktig syntaks.
  • Du kan også konfigurere responsive layoutstørrelser for å teste nettsidene dine på forskjellige dimensjoner.

2 Wappalyzer

Som programmerer må du kanskje analysere bestemte nettsteder eller måtte utvikle et lignende. I alle slike tilfeller er det du trenger en Wappalyzer -utvidelse i Chrome -nettleseren. Det er en enkel utvidelse med en veldig kraftig funksjon for å oppdage webteknologien som et nettsted bruker.

Topp 5 Chrome -utvidelser for utviklere

Wappalyzer Chrome -utvidelse

Åpne et hvilket som helst nettsted og klikk på Wappalyzer -utvidelsesikonet. Ikonet vil vise rammen som nettstedet bruker som PHP eller WordPress. Det vil gi deg en liste over detaljer for å finne det følgende.

  • CMS som brukes på nettstedet som WordPress.
  • Webserver og rammeverk.
  • Analytics, annonsenettverk, CDN og bufringssystem.
  • JavaScript -biblioteker og betalingsprosessor

Du kan på hver lenke få mer informasjon om teknologien på en ny faneside.

3 Codota – Java Code Viewer Developer Tool

Hvis du er en Java -programmerer, kan Codota Chrome -utvidelsen hjelpe deg med å analysere koden. Det er en nyttig utvidelse som gir detaljer om en kodebit som også kan lagres for fremtidig bruk. Denne utvidelsen støtter bare noen få nettsteder som GitHub og StackOverflow.

Etter å ha installert utvidelsen, kan den automatisk oppdage om det er tilgjengelige JavaScript -koder på de tillatte nettstedene. Du kan holde musen over skriptkoden for å se utvidelsesikonet. Den lar deg kopiere eller lagre koden for fremtidig bruk.

Topp 5 Chrome -utvidelser for utviklere

Codota Chrome -utvidelse

Du kan skanne nettstedet for en hvilken som helst Java -klasse eller -metode og få den relevante koden. Detaljene er ganske omfattende og kan være en tidseffektiv tilnærming for programmereren. Dessverre er utvidelsen tilgjengelig for bruk på bare seks nettsteder for øyeblikket. Den gode nyheten er at utviklerne av utvidelsen hevder at utvidelsen vil være kompatibel med flere nettsteder i fremtiden.

4 Redux DevTools

Redux DevTools er en annen utvidelse som hjelper til med å teste og feilsøke applikasjonen din. Det kan hjelpe en programmerer med å fikse forskjellige feil og feil under utviklingsstadiet.

Topp 5 Chrome -utvidelser for utviklere

Redux DevTools

Du kan bruke denne utvidelsen til å åpne et panel der koden til applikasjonen din vil bli inspisert i forskjellige tilstander. Detaljer om utvidelsen er også gitt hvis du er nybegynner. Denne applikasjonen er en nødvendighet for programmererne som utvikler applikasjoner som bruker Redux -biblioteket.

5 User-Agent Switcher

User-Agent Switcher er en utvidelse der du kan etterligne andre nettlesere mens du bruker Chrome. Programmerere og utviklere er klar over at for å oppnå perfeksjon, bør appene deres kjøre i alle miljøer. Dette er en flott utvidelse som hjelper til med å oppnå det.

Topp 5 Chrome -utvidelser for utviklere

User-Agent Switcher

Etter å ha installert, klikker du på utvidelsesikonet en rekke alternativer å velge mellom. Du etterligner ikke bare stasjonære nettlesere, men Android- og iOS -nettlesere er også tilgjengelige.

Slutt opp

Chrome standard utviklerverktøy tilbyr omfattende funksjoner for utviklere. Du kan imidlertid føle at det er rotete, spesielt når du bruker nederst i nettleseren. Prøv en av de forklarte Chrome -utvidelsene ovenfor for utviklere og forbedre ditt daglige arbeid.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon