Kehittäjälle voi olla hektistä käyttää useita erillisiä työkaluja jokaiseen tehtävään. Verkkoselaimen lisäosat voivat kuitenkin tehdä sinusta tuottavamman tarjoamalla pääsyn erilaisiin ominaisuuksiin yhdeltä selausalustalta.
Kaikissa suosituimmissa selaimissa on ammattilaisille tarkoitettuja laajennuksia. Ja jos käytät Microsoft Edgeä, kehitystehtäväsi voivat helpotua joidenkin selaimen lisäosien avulla. Täällä keskustelemme parhaista Microsoft Edge -lisäosista, joita verkkokehittäjien tulisi käyttää.
React Developer Tools on DevTools-lisäosa verkkoselaimelle. Se lisää kaksi uutta välilehteä, nimeltään Components ja Profiler Edge DevToolsiin. Avoimen lähdekoodin lisäosa tarvitsee luvan päästäkseen sivun React-puuhun.
Komponentit-välilehti näyttää sivun React-juurikomponentit sekä alikomponentit. Valitse puusta mikä tahansa komponentti tarkistaaksesi ja muokataksesi sen nykyisiä rekvisiitta, tilaa ja koukkuja oikeanpuoleisessa paneelissa.
Tämän lisäosan avulla voit myös selvittää, sisältääkö sovellus React.js: n vai ei. Käyttämällä Profiler-välilehteä kehittäjät voivat tallentaa suorituskykytietoja.
Jos olet kiinnostunut GitHub-koodin analysoinnista, Octotree-lisäosa voi parantaa GitHub-koodin tarkastelun ja tutkimisen kokemusta. Se näyttää sinulle IDE-tyyppisen koodipuun ja antaa sinun suorittaa tiedosto- ja kansiohakuja.
Tämä korkean suorituskyvyn lisäosa pystyy toimimaan minkä tahansa kokoisten arkiston kanssa. Lisäksi se tukee yksityisiä tietovarastoja ja antaa sinun lisätä kirjanmerkkeihin vetopyynnöt, repo-, tiedostot ja ongelmat.
Voit myös tilata tämän lisäosan PRO-version saadaksesi joitain lisäominaisuuksia. Näitä ovat tuki useille GitHub-tileille ja GitHub Enterpriselle, useille välilehdille, koodifontin asetukset, vetopyyntökoodin tarkistus, tiedostokuvaketeemat ja telakointiasennon muuttaminen.
Accessibility Insights for Web on Microsoft Edge -selaimen lisäosa, jonka avulla voit paikantaa ja korjata esteettömyysongelmia eri verkkosovelluksissa ja -sivustoissa. Sen avulla voit tarkistaa noin 50 esteettömyyssäännön noudattamisen.
Selkeiden ohjeiden ja visuaalisen apuohjelman ansiosta voit nopeasti tunnistaa tärkeät näppäimistön käyttöongelmat, kuten näppäimistön ansat, puuttuvat sarkaimet ja väärän sarkainjärjestyksen.
Se auttaa myös sinua suorittamaan kaksivaiheisen prosessin yleisten mutta merkittävien esteettömyysongelmien paikallistamiseksi muutamassa minuutissa. Tarvitset kuitenkin Microsoft Edge Insider v.75:n tai uudemman käyttääksesi tätä lisäosaa.
Sivun HTML-koodin analysointi on usein kehittäjän tehtävä. Design Analysis -lisäosan avulla voit analysoida HTML-sivua ottamalla käyttöön ja poistamalla käytöstä sivun eri osia.
Aiheeseen liittyvä: Hienoja HTML-tehosteita kuka tahansa voi lisätä verkkosivustoilleen
Sen avulla voit poistaa sisäisen ja ulkoisen (mukaan lukien tulostettavat ja kämmentietokoneet) CSS: n käytöstä, piilottaa kuvat ja taustan kuvat, näyttökuvan alt-attribuutit, ääriviivaotsikot, kehykset, ulkoiset linkit, taulukot, kelluvat elementit ja pian.
Lisäksi tämän lisäosan mukana tulee erilaisia työkaluja, jotka auttavat sinua näyttämään piilotettuja elementtejä, lataamaan uudelleen kuvat ja ulkoinen CSS, tarkastella lähdekoodia, linearisoida sivuja ja merkitä kaikki linkit käydyiksi tai vierailematon.
Tämä lisäosa ei tallenna tai jaa henkilökohtaisia tunnistetietoja. Kaikki sen toimintaan tarvittavat tiedot säilyvät laitteessasi.
Käyttämällä Tallenna MHTML-lisäosaa kehittäjät voivat tallentaa nykyisen verkkosivun MHTML (MIME HTML)/MHT-muodossa. Lisäosan mukana tulee työkalupalkin painike vaivatonta käyttöä varten. Se tallentaa kaikki online-linkit offline-muodossa.
MHTML on arkistotiedostomuoto, joka tallentaa verkkosivun sisällön offline-katselua varten. Tiedostotyyppi sisältää kaikki resurssit, kuten kuvat, sovelmat ja Flash-animaatiot HTML-dokumentteihin prosessin aikana.
Lisäosassa on kaksi eri työkalua, joilla voit muokata sivun verkkosivun sisältöä ennen sen tallentamista MHTML-tiedostoon.
Voit valita suunnittelutilan sellaisille tehtäville kuin tekstimuodon muuttaminen lihavoiduksi ja kursivoituksi, kuvan lisääminen tai sisällön poistaminen. Tai voit valita sivun osan ja pyytää tätä lisäosaa tekemään siitä uuden asiakirjan.
Kehittäjillä on välttämätön suhde evästeisiin. Cookie-Editor on tehokas lisäosa, jonka avulla voit suorittaa tavallisia evästetoimintoja verkkosivun kehitys- ja testausvaiheessa.
Tämän lisäosan mukana tulee helppokäyttöinen käyttöliittymä, jonka avulla voit hallita evästeitä manuaalisesti. Sen avulla voit nopeasti luoda, muokata ja poistaa evästeitä samalla, kun pysyt välilehdessä.
Yhdellä napsautuksella Cookie-Editor poistaa kaikki nykyisen sivun evästeet. Se voi myös tuoda/viedä evästeitä tekstimuodossa.
Node.js V8 on lisäosa, jota voit käyttää Edge DevToolsin kanssa Node.js-kehityssyklin virtaviivaistamiseen. Se voi hallita Edge DevToolsin ikkunan/välilehden elinkaarta, joten sinulla on enemmän aikaa keskittyä koodin virheenkorjaukseen.
Aiheeseen liittyvä: Mitä on Rubber Duck -virheenkorjaus?
Node.js V8 -lisäosan avulla voit valvoa paikallisia ja etävirheenkorjausistuntoja samalla kun ohjaat DevTools-käyttöliittymää sekä manuaalisesti että automaattisesti. Voit käyttää sitä myös VSCode-solmuprosessien virheenkorjaukseen ja v8 Inspectorin mittausten välisen keston mukauttamiseen.
Sen avulla voit automaattisesti avata ja sulkea Edge DevToolsin välilehdellä tai ikkunassa ja tehdä DevToolsista aktiivisen tai ei-aktiivisen käynnistyksen yhteydessä. Sen tarkastusominaisuus säästää sinua kopioimasta ja liittämästä DevTools-URL-osoitetta, koska se tunnistaa automaattisesti luodun URL-osoitteen solmun suorituksen aikana.
BugReplay on ensisijaisesti lisäosa, jota käytetään näytön lähetykseen ja verkon virheenkorjaukseen. Sen avulla voit tallentaa näyttösi synkronoituna JavaScript-konsolin viestien ja verkkoliikenteen kanssa. Tämän lisäosan ansiosta sinun tarvitsee vain jäljittää vaiheet virheiden taltioimiseksi reaaliajassa.
Kehittäjän ei tarvitse kommunikoida edestakaisin loppukäyttäjien tai tukihenkilöiden kanssa. He voivat selvittää tallennetuista tiedoista saumattomasti, milloin ja missä virhe tapahtui, ja ratkaista ongelman nopeasti.
Virheen tallentaminen käy helpoksi BugReplay-lisäosan avulla. Voit myös tarkistaa virheen ennen kuin jaat sen kollegoillesi. Lisäosa tarjoaa myös mahdollisuuden tehdä se julkiseksi.
Valitse suosikki Edge-lisäosasi kehitystä varten
Selailemalla tätä Microsoft Edge -lisäosien luetteloa voit valita ne, jotka auttavat sinua verkko- ja sovelluskehitystyössä. Muista, että Microsoft Edgessä on myös muita lisäosia tavallisille käyttäjille. Voit selata ja löytää yleisiä laajennuksia muihin tehtäviin, kuten salasanojen hallintaan.
Kaikkien erilaisten salasanojesi muistaminen voi olla hankalaa, joten tässä on yhdeksän parasta Microsoft Edge -lisäosaa vaivattomaan salasanojen hallintaan.
Lue Seuraava
- Ohjelmointi
- Microsoft Edge
- Selainlaajennukset
- Verkkokehitys
Tamal on freelance-kirjoittaja MakeUseOfissa. Saatuaan huomattavan kokemuksen tekniikasta, rahoituksesta ja liiketoiminnasta prosesseja edellisessä työssään IT-konsulttiyrityksessä, hän valitsi kirjoittamisen kokopäiväiseksi ammatiksi 3 vuotta sitten. Vaikka hän ei kirjoita tuottavuudesta ja uusimmista teknisistä uutisista, hän rakastaa Splinter Cell -pelin pelaamista ja Netflixin/Prime Videon ahmimista.
tilaa uutiskirjeemme
Liity uutiskirjeemme saadaksesi teknisiä vinkkejä, arvosteluja, ilmaisia e-kirjoja ja eksklusiivisia tarjouksia!
Klikkaa tästä tilataksesi
