Izstrādātājam katram uzdevumam var būt grūti izmantot daudzus īpašus rīkus. Tomēr tīmekļa pārlūkprogrammas pievienojumprogrammas var padarīt jūs produktīvāku, nodrošinot piekļuvi dažādām funkcijām no vienas pārlūkošanas platformas.

Visām populārākajām pārlūkprogrammām ir profesionāļiem paredzēti paplašinājumi. Un, ja izmantojat Microsoft Edge, jūsu izstrādes uzdevumi var kļūt vienkāršāki, izmantojot dažus pārlūkprogrammas papildinājumus. Šeit mēs apspriedīsim labākos Microsoft Edge papildinājumus, kas būtu jāizmanto tīmekļa izstrādātājiem.

React Developer Tools ir DevTools papildinājums tīmekļa pārlūkprogrammai. Tas jūsu Edge DevTools pievienos divas jaunas cilnes ar nosaukumu Components un Profiler. Atvērtā koda papildinājumam būs nepieciešama jūsu atļauja, lai piekļūtu lapas React kokam.

Cilnē Komponenti tiek parādīti lapas saknes React komponenti kopā ar apakškomponentiem. Atlasiet jebkuru koka komponentu, lai pārbaudītu un rediģētu tā pašreizējos rekvizītus, stāvokli un āķus labajā panelī.

Varat arī izmantot šo papildinājumu, lai noskaidrotu, vai lietojumprogramma satur React.js vai ne. Izmantojot cilni Profiler, izstrādātāji var ierakstīt informāciju par veiktspēju.

Ja vēlaties analizēt GitHub kodu, Octotree papildinājums var uzlabot GitHub koda pārskatīšanas un izpētes pieredzi. Tas parāda IDE līdzīgu koda koku un ļauj veikt failu un mapju meklēšanu.

Šis augstas veiktspējas papildinājums spēj strādāt ar jebkura izmēra krātuvēm. Turklāt tas atbalsta privātās krātuves un ļauj pievienot grāmatzīmes izvilkšanas pieprasījumiem, repo, failiem un problēmām.

Varat arī abonēt šī papildinājuma PRO versiju, lai iegūtu dažas papildu funkcijas. Tie ietver atbalstu vairākiem GitHub kontiem un GitHub Enterprise, vairākām cilnēm, koda fontu iestatījumiem, pieprasījuma koda pārskatīšanu, failu ikonu motīviem un dokstacijas pozīcijas maiņu.

Accessibility Insights for Web ir Microsoft Edge pārlūkprogrammas papildinājums, kas ļaus jums atrast un novērst pieejamības problēmas dažādās tīmekļa lietojumprogrammās un vietnēs. Varat to izmantot, lai pārbaudītu atbilstību aptuveni 50 pieejamības noteikumiem.

Pateicoties skaidrajiem norādījumiem un vizuālajam palīgam, varat ātri noteikt būtiskas tastatūras piekļuves problēmas, tostarp tastatūras slazdus, ​​trūkstošus tabulēšanas punktus un nepareizu tabulēšanas secību.

Tas arī palīdz veikt divpakāpju procesu, lai dažu minūšu laikā atrastu izplatītās, bet ļoti ietekmīgās pieejamības problēmas. Tomēr, lai izmantotu šo papildinājumu, jums ir nepieciešams Microsoft Edge Insider v.75 vai jaunāka versija.

Lapas HTML koda analīze ir biežs izstrādātāja uzdevums. Izmantojot dizaina analīzes papildinājumu, varat analizēt HTML lapu, iespējojot un atspējojot dažādus šīs lapas komponentus.

Saistīts: Forši HTML efekti Ikviens var pievienot savām vietnēm

Tas ļauj atspējot iekšējo un ārējo (tostarp drukas un rokas) CSS, paslēpt attēlus un fonu attēli, displeja attēla alt atribūti, kontūru virsraksti, rāmji, ārējās saites, tabulas, peldošie elementi un tā tālāk.

Turklāt šim papildinājumam ir dažādi rīki, kas palīdz parādīt slēptos elementus, atkārtoti ielādēt attēlus un ārējos CSS, skatiet avota kodu, linearizējiet lapas un atzīmējiet visas saites kā apmeklētas vai neapmeklēts.

Šis papildinājums neuzglabā un nekopīgo nekādus personu identificējošus datus. Visa tā darbībai nepieciešamā informācija paliek jūsu ierīcē.

Izmantojot Saglabāt kā MHTML pievienojumprogrammu, izstrādātāji var saglabāt pašreizējo tīmekļa lapu MHTML (MIME HTML)/MHT formātā. Papildinājumam ir rīkjoslas poga, kas nodrošina vieglu lietošanu. Tas saglabā visas tiešsaistes saites bezsaistes formātā.

MHTML ir arhīva faila formāts, kas saglabā tīmekļa lapas saturu skatīšanai bezsaistē. Faila tips procesa laikā ietver visus resursus, piemēram, attēlus, sīklietotnes un Flash animācijas HTML dokumentos.

Papildinājumam ir divi dažādi rīki, kurus varat izmantot, lai rediģētu lapas tīmekļa lapas saturu pirms tā saglabāšanas MHTML failā.

Varat izvēlēties noformēšanas režīmu tādiem uzdevumiem kā teksta formāta maiņa uz treknrakstu un slīprakstu, attēla pievienošana vai jebkāda satura noņemšana. Vai arī varat atlasīt lapas sadaļu un lūgt šim papildinājumam izveidot no tās jaunu dokumentu.

Izstrādātājiem ir neaizstājamas attiecības ar sīkfailiem. Cookie-Editor ir spēcīgs papildinājums, kas ļauj veikt standarta sīkfailu darbības tīmekļa lapas izstrādes un testēšanas fāzē.

Šim papildinājumam ir ērti lietojams interfeiss, kas ļauj manuāli pārvaldīt sīkfailus. Ar tās palīdzību jūs varat ātri izveidot, rediģēt un dzēst sīkfailus, paliekot cilnē.

Ar vienu klikšķi Cookie-Editor izdzēsīs visus pašreizējās lapas sīkfailus. Tā var arī importēt/eksportēt sīkfailus teksta formātā.

Node.js V8 ir papildinājums, ko varat izmantot kopā ar Edge DevTools, lai racionalizētu savu Node.js izstrādes ciklu. Tas var pārvaldīt Edge DevTools logu/cilnes dzīves ciklu, lai jūs iegūtu vairāk laika, lai koncentrētos uz koda atkļūdošanu.

Saistīts: Kas ir gumijas pīles atkļūdošana?

Node.js V8 pievienojumprogramma ļauj pārraudzīt vietējās un attālās atkļūdošanas sesijas, vienlaikus kontrolējot DevTools saskarni gan manuāli, gan automātiski. Varat arī to izmantot, lai atkļūdotu VSCode mezgla procesus un pielāgotu ilgumu starp v8 inspektora zondēm.

Ar tās palīdzību jūs varat automātiski atvērt un aizvērt Edge DevTools cilnē vai logā un padarīt DevTools aktīvus vai neaktīvus startēšanas brīdī. Tā pārbaudes funkcija pasargā jūs no DevTools URL kopēšanas un ielīmēšanas, automātiski nosakot ģenerēto URL, palaižot mezglu.

BugReplay galvenokārt ir papildinājums, ko izmanto ekrāna pārraidei un tīkla atkļūdošanai. Tas palīdz ierakstīt ekrānu sinhronizācijā ar JavaScript konsoles ziņojumiem un tīkla trafiku. Pateicoties šim papildinājumam, viss, kas jums jādara, ir atkārtoti izsekot darbības, lai reāllaikā fiksētu kļūdas.

Izstrādātājam nav jāsazinās turp un atpakaļ ar galalietotājiem vai atbalsta vadītājiem. Viņi var nemanāmi noskaidrot, kad un kur radusies kļūda, izmantojot ierakstīto informāciju, un ātri atrisināt problēmu.

Kļūdas ierakstīšana kļūst vienkārša, izmantojot BugReplay papildinājumu. Varat arī pārskatīt kļūdu, pirms kopīgojat to ar kolēģiem. Papildinājums piedāvā arī iespēju to padarīt publisku.

Izvēlieties savus iecienītākos Edge papildinājumus izstrādei

Pārlūkojot šo Microsoft Edge pievienojumprogrammu sarakstu, varat izvēlēties tos, kas jums palīdzēs tīmekļa un lietotņu izstrādes darbā. Atcerieties, ka Microsoft Edge ir arī citi papildinājumi parastajiem lietotājiem. Varat pārlūkot un atrast galvenos paplašinājumus citiem uzdevumiem, piemēram, paroļu pārvaldībai.

9 labākie Microsoft Edge papildinājumi ērtai paroļu pārvaldībai

Visu dažādo paroļu atcerēšanās var būt sarežģīta, tāpēc šeit ir deviņi labākie Microsoft Edge papildinājumi, lai paroļu pārvaldība būtu vienkārša.

Lasiet Tālāk

DalītiesČivinātE-pasts
Saistītās tēmas
  • Programmēšana
  • Microsoft Edge
  • Pārlūka paplašinājumi
  • Web izstrāde
Par autoru
Tamal Das (Publicēti 311 raksti)

Tamals ir MakeUseOf ārštata rakstnieks. Pēc ievērojamas pieredzes iegūšanas tehnoloģiju, finanšu un biznesa jomā procesus iepriekšējā darbā IT konsultāciju uzņēmumā, rakstīšanu kā pilna laika profesiju pieņēma pirms 3 gadiem. Lai gan viņš neraksta par produktivitāti un jaunākajām tehnoloģiju ziņām, viņam patīk spēlēt Splinter Cell un pārmērīgi skatīties Netflix/Prime Video.

Vairāk no Tamal Das

Abonējiet mūsu biļetenu

Pievienojieties mūsu informatīvajam izdevumam, lai saņemtu tehniskos padomus, pārskatus, bezmaksas e-grāmatas un ekskluzīvus piedāvājumus!

Noklikšķiniet šeit, lai abonētu