8 najboljših dodatkov za Microsoft Edge za razvijalce

Za razvijalca je lahko naporna uporaba številnih namenskih orodij za vsako nalogo. Vendar pa vas lahko dodatki za spletni brskalnik naredijo bolj produktivne z zagotavljanjem dostopa do različnih funkcij z ene platforme za brskanje.

Vsi najboljši brskalniki imajo razširitve za profesionalce. In če uporabljate Microsoft Edge, lahko vaše razvojne naloge postanejo enostavnejše z nekaterimi dodatki za brskalnik. Tukaj bomo razpravljali o najboljših dodatkih za Microsoft Edge, ki bi jih morali uporabljati spletni razvijalci.

React Developer Tools je dodatek DevTools za spletni brskalnik. Dodal bo dva nova zavihka z imenom Components in Profiler v orodjih Edge DevTools. Odprtokodni dodatek bo potreboval vaše dovoljenje za dostop do drevesa React strani.

Zavihek Komponente prikazuje korenske komponente React strani, skupaj s podkomponentami. Izberite katero koli komponento iz drevesa, da pregledate in uredite njene trenutne rekvizite, stanje in kljuke na desni plošči.

Ta dodatek lahko uporabite tudi za ugotavljanje, ali aplikacija vsebuje React.js ali ne. Z zavihkom Profiler lahko razvijalci zabeležijo informacije o učinkovitosti.

Če želite analizirati kodo GitHub, lahko dodatek Octotree izboljša izkušnjo pregleda in raziskovanja kode GitHub. Pokaže vam kodno drevo, podobno IDE, in vam omogoča iskanje datotek in map.

Ta visoko zmogljiv dodatek je sposoben delati z repozitoriji katere koli velikosti. Poleg tega podpira zasebna skladišča in vam omogoča, da zaznamujete vlečne zahteve, repo, datoteke in težave.

Prav tako se lahko naročite na PRO različico tega dodatka, da pridobite nekaj dodatnih funkcij. Ti vključujejo podporo za več računov GitHub in GitHub Enterprise, več zavihkov, nastavitve pisave kode, pregled kode zahteve za vleko, teme ikon datotek in spremembo položaja priklopa.

Accessibility Insights za splet je dodatek za brskalnik Microsoft Edge, ki vam bo omogočil iskanje in odpravljanje težav z dostopnostjo v različnih spletnih aplikacijah in spletnih mestih. Z njim lahko preverite skladnost s približno 50 določbami o dostopnosti.

Zahvaljujoč jasnim navodilom in vizualnemu pomočniku lahko hitro prepoznate pomembne težave pri dostopu do tipkovnice, vključno z pasti tipkovnice, manjkajočimi tabulatorji in nepravilnim vrstnim redom zavihkov.

Pomaga vam tudi pri izvedbi postopka v dveh korakih, da v nekaj minutah najdete pogoste, a zelo pomembne težave z dostopnostjo. Vendar pa za uporabo tega dodatka potrebujete Microsoft Edge Insider v.75 ali novejšo.

Analiza kode HTML strani je pogosta naloga razvijalca. S pomočjo dodatka Design Analysis lahko analizirate stran HTML tako, da omogočite in onemogočite različne komponente te strani.

Povezano: Kul učinki HTML, ki jih lahko vsakdo doda na svoja spletna mesta

Omogoča vam, da onemogočite notranji in zunanji (vključno s tiskanjem in ročnim) CSS, skrijete slike in ozadje slike, atributi prikazne slike, naslovi orisa, okvirji, zunanje povezave, tabele, plavajoči elementi in tako naprej.

Poleg tega ta dodatek vsebuje različna orodja, ki vam pomagajo prikazati skrite elemente, znova naložiti slike in zunanji CSS, ogled izvorne kode, linearizacija strani ter označitev vseh povezav kot obiskanih oz neobiskana.

Ta dodatek ne shranjuje ali deli nobenih osebnih podatkov. Vse informacije, potrebne za njegovo delovanje, ostanejo v vaši napravi.

Z uporabo dodatka Shrani kot MHTML lahko razvijalci shranijo trenutno spletno stran v formatu MHTML (MIME HTML)/MHT. Dodatek ima gumb v orodni vrstici za enostavno uporabo. Vse spletne povezave shrani v obliki brez povezave.

MHTML je format arhivske datoteke, ki shrani vsebino spletne strani za ogled brez povezave. Vrsta datoteke med postopkom vključuje vse vire, kot so slike, programčki in Flash animacije, v dokumente HTML.

Dodatek ima dve različni orodji, ki ju lahko uporabite za urejanje vsebine spletne strani strani, preden jo shranite v datoteko MHTML.

Izberete lahko način oblikovanja za opravila, kot je spreminjanje oblike besedila v krepko in ležeče, dodajanje slike ali odstranjevanje kakršne koli vsebine. Lahko pa izberete del strani in prosite ta dodatek, da iz njega naredi nov dokument.

Razvijalci imajo s piškotki nepogrešljiv odnos. Cookie-Editor je močan dodatek, ki vam omogoča izvajanje standardnih operacij piškotkov v fazi razvoja in testiranja spletne strani.

Ta dodatek ima vmesnik, ki je enostaven za uporabo, ki vam omogoča ročno upravljanje piškotkov. Z njegovo pomočjo lahko hitro ustvarjate, urejate in brišete piškotke, medtem ko ostanete na zavihku.

Z enim klikom bo Cookie-Editor izbrisal vse piškotke trenutne strani. Prav tako lahko uvozi/izvozi piškotke v besedilni obliki.

Node.js V8 je dodatek, ki ga lahko uporabite z Edge DevTools za poenostavitev svojega razvojnega cikla Node.js. Lahko upravlja življenjski cikel oken/zavihkov orodij Edge DevTools, tako da imate več časa, da se osredotočite na odpravljanje napak v kodi.

Povezano: Kaj je odpravljanje napak Rubber Duck?

Dodatek Node.js V8 vam omogoča spremljanje lokalnih in oddaljenih sej odpravljanja napak, medtem ko nadzirate vmesnik DevTools, ročno in samodejno. Uporabite ga lahko tudi za odpravljanje napak v procesih vozlišča VSCode in prilagodite trajanje med sondami inšpektorja v8.

Z njegovo pomočjo lahko samodejno odprete in zaprete orodja Edge DevTools na zavihku ali oknu in ob zagonu omogočite DevTools aktivne ali neaktivne. Njegova funkcija pregleda vam prihrani kopiranje in lepljenje URL-ja orodja DevTools, saj samodejno zazna ustvarjen URL, ko zaženete vozlišče.

BugReplay je predvsem dodatek, ki se uporablja za predvajanje zaslona in odpravljanje napak v omrežju. Pomaga vam snemati svoj zaslon v sinhronizaciji s sporočili konzole JavaScript in omrežnim prometom. Zahvaljujoč temu dodatku je vse, kar morate storiti, znova slediti korakom za zajemanje hroščev v realnem času.

Razvijalcu ni treba komunicirati naprej in nazaj s končnimi uporabniki ali vodstvenimi delavci podpore. Iz posnetih informacij lahko brez težav ugotovijo, kdaj in kje se je napaka pojavila, in težavo v kratkem času odpravijo.

Snemanje napake postane enostavno z dodatkom BugReplay. Prav tako lahko pregledate napako, preden jo delite s sodelavci. Dodatek ponuja tudi možnost, da ga objavite.

Izberite svoje najljubše dodatke Edge za razvoj

Če si ogledate ta seznam dodatkov za Microsoft Edge, lahko izberete tiste, ki vam bodo pomagali pri razvoju spleta in aplikacij. Ne pozabite, da ima Microsoft Edge tudi druge dodatke za običajne uporabnike. Lahko brskate in poiščete glavne razširitve za druga opravila, kot je upravljanje gesel.

9 najboljših dodatkov za Microsoft Edge za enostavno upravljanje gesel

Zapomnitev vseh vaših različnih gesel je lahko težavna, zato je tukaj devet najboljših dodatkov za Microsoft Edge za enostavno upravljanje gesel.

Preberite Naprej

O avtorju