TechBlogSD - Kaikki WordPressin ja WEB: n kehittämiseen
WEB- ja WordPress - ohjeet, uutiset, arvostelut teemoista ja laajennuksista

Top 5 Chrome -laajennusta kehittäjille

5

Nykyään selainten välillä on kova kilpailu käyttäjien houkuttelemiseksi. Useimmat nykyaikaiset selaimet voivat tehdä paljon muutakin kuin vain selaamisen. Ne tarjoavat joukon ominaisuuksia lisäosien ja laajennusten kautta eri luokkiin kuuluville ihmisille, erityisesti ohjelmoijille ja kehittäjille.

Google Chrome on yleisin selain, ja sillä on suuri yhteisö monipuolisten ja tehokkaiden laajennusten kehittämiseen. Ohjelmoijat voivat käyttää näitä vertaansa vailla olevia laajennuksia tehdäkseen ohjelmoinnista vähemmän turhauttavaa ja aikaa säästävää.

Top 5 Chrome -laajennusta kehittäjille

Tässä on 5 parasta laajennusta, joita sinun pitäisi käyttää, jos olet kehittäjä.

  • Web-kehittäjä
  • Wappalyzer
  • Codota – Java Code Viewer -kehitystyökalu
  • Redux DevTools
  • Käyttäjäagentin vaihtaja

1 Verkkokehittäjä

Chrome tarjoaa sisäänrakennettuja kehittäjätyökaluja verkkosivustojen kehittäjille erilaisten kokeilujen tekemiseen. Lisäksi verkkosivustojen kehittäjillä on laajin valikoima laajennuksia Chrome Web Storesta. Yksi kehittäjien monitoimilaajennuksista on "Web Developer". Kuten nimestä voi päätellä, tämä laajennus tarjoaa apua web -kehittäjille monin tavoin. Se tarjoaa työkalurivin, joka tarjoaa useita ominaisuuksia, joiden avulla voit kehittää ja analysoida verkkosivustoa.

Siirry Chrome Web Storeen ja etsi "Web Developer" -laajennus. Asenna se selaimeesi napsauttamalla "Lisää Chromeen" -painiketta.

Top 5 Chrome -laajennusta kehittäjille

Verkkokehittäjän Chrome -laajennus

Laajennus lisää ratasmuotoisen kuvakkeen Chromen osoiterivin viereen. Napsauta sitä nähdäksesi työkalurivin, joka tarjoaa laajan valikoiman vaihtoehtoja.

Top 5 Chrome -laajennusta kehittäjille

Web -kehittäjien laajennusasetukset

Seuraavassa on joitain laajennuksen tarjoamia ominaisuuksia:

  • JavaScriptin, ilmoitusten, ponnahdusikkunoiden ja laajennusten poistaminen käytöstä.
  • Estä kaikenlaiset evästeet, kuten verkkotunnuksen evästeet ja istuntoevästeet.
  • Poista tyylitaulukot, kuvat ja erilaiset lomakevaihtoehdot käytöstä.
  • Selaimen koon muuttaminen responsiivisten asettelujen tarkistamiseksi.
  • Napsauta "Asetukset" -välilehteä ja siirry ponnahdusikkunan "Värit" -osaan. Täällä voit ottaa syntaksin korostusteeman käyttöön vaaleaksi tai tummaksi, jos haluat nähdä koodit eri väreillä oikealla syntaksilla.
  • Voit myös määrittää responsiivisia asettelukokoja verkkosivujesi testaamiseen eri ulottuvuuksilla.

2 Wappalyzer

Ohjelmoijana sinun on ehkä analysoitava tiettyjä verkkosivustoja tai kehitettävä samanlainen. Kaikissa tällaisissa tapauksissa tarvitset vain Wappalyzer -laajennuksen Chrome -selaimessa. Se on yksinkertainen laajennus, jolla on erittäin tehokas ominaisuus verkkosivuston käyttämän verkkotekniikan havaitsemiseksi.

Top 5 Chrome -laajennusta kehittäjille

Wappalyzer Chrome -laajennus

Avaa mikä tahansa sivusto ja napsauta Wappalyzer -laajennuskuvaketta. Kuvake näyttää verkkosivuston käyttämän kehyksen, kuten PHP tai WordPress. Se antaa sinulle luettelon yksityiskohdista löytääksesi seuraavat.

  • CMS, jota käytetään verkkosivustolla, kuten WordPress.
  • Verkkopalvelin ja kehys.
  • Analytics, mainosverkosto, CDN ja välimuistijärjestelmä.
  • JavaScript -kirjastot ja maksuprosessori

Voit saada jokaisesta linkistä lisätietoja tekniikasta uudella välilehdellä.

3 Codota – Java Code Viewer -kehitystyökalu

Jos olet Java -ohjelmoija, Codota Chrome -laajennus voi auttaa koodin analysoinnissa. Se on hyödyllinen laajennus, joka sisältää tietoja koodinpätkästä, joka voidaan myös tallentaa myöhempää käyttöä varten. Tämä laajennus tukee vain muutamia sivustoja, kuten GitHub ja StackOverflow.

Laajennuksen asentamisen jälkeen se voi automaattisesti tunnistaa, onko JavaScript -koodeja saatavilla sallituilla verkkosivustoilla. Voit näyttää laajennuskuvakkeen viemällä hiiren komentosarjan koodin päälle. Sen avulla voit kopioida tai tallentaa koodin tulevaa käyttöä varten.

Top 5 Chrome -laajennusta kehittäjille

Codota Chrome -laajennus

Voit tarkistaa verkkosivustolta minkä tahansa Java -luokan tai -menetelmän ja saada tarvittavan koodin. Yksityiskohta on melko laaja ja voi olla ohjelmoijalle ajallisesti tehokas lähestymistapa. Valitettavasti laajennus on tällä hetkellä käytettävissä vain kuudella verkkosivustolla. Hyvä uutinen on, että laajennuksen kehittäjät väittävät laajennuksen olevan yhteensopiva useampien verkkosivustojen kanssa tulevaisuudessa.

4 Redux -työkalua

Redux DevTools on toinen laajennus, joka auttaa sovelluksesi testaamisessa ja virheenkorjauksessa. Se voi auttaa ohjelmoijaa korjaamaan erilaisia ​​virheitä ja vikoja sovelluksen kehittämisvaiheessa.

Top 5 Chrome -laajennusta kehittäjille

Redux DevTools

Tämän laajennuksen avulla voit avata paneelin, jossa sovelluksesi koodi tarkistetaan eri tiloissa. Laajennusta koskevat tiedot annetaan myös, jos olet aloittelija. Tämä sovellus on pakollinen ohjelmoijille, jotka kehittävät sovelluksia Redux -kirjaston avulla.

5 Käyttäjäagentin vaihtaja

User-Agent Switcher on laajennus, jonka kautta voit jäljitellä muita selaimia Chromen käytön aikana. Ohjelmoijat ja kehittäjät ovat tietoisia siitä, että täydellisyyden saavuttamiseksi heidän sovellustensa pitäisi toimia kaikissa ympäristöissä. Tämä on loistava laajennus, joka auttaa saavuttamaan sen.

Top 5 Chrome -laajennusta kehittäjille

Käyttäjäagentin vaihtaja

Asennuksen jälkeen laajennuskuvakkeen napsauttaminen tarjoaa joukon vaihtoehtoja, joista valita. Et vain matkia työpöytäselaimia, mutta myös Android- ja iOS -selaimet ovat käytettävissä.

Paketoida

Chromen oletuskehitystyökalu tarjoaa laajoja toimintoja kehittäjille. Se saattaa kuitenkin tuntua sekavalta, varsinkin kun käytät selaimen alareunassa. Kokeile jotakin yllä selitetyistä kehittäjille tarkoitetuista Chrome -laajennuksista ja paranna päivittäistä työtäsi.

Leave A Reply

Tämä verkkosivusto käyttää evästeitä parantaakseen käyttökokemustasi. Oletamme, että olet kunnossa, mutta voit halutessasi kieltäytyä. Hyväksyä Lisätietoja