Za razvojnog programera može biti naporno koristiti brojne namjenske alate za svaki zadatak. Međutim, dodaci za web preglednik mogu vas učiniti produktivnijim pružanjem pristupa raznim značajkama s jedne platforme za pregledavanje.
Svi vrhunski preglednici dolaze s proširenjima za profesionalce. A ako koristite Microsoft Edge, vaši razvojni zadaci mogu postati lakši uz neke dodatke preglednika. Ovdje ćemo raspravljati o najboljim dodacima za Microsoft Edge koje bi web programeri trebali koristiti.
React Developer Tools je dodatak DevTools za web preglednik. Dodat će dvije nove kartice pod nazivom Komponente i Profiler u vašim Edge DevTools. Dodatak otvorenog koda trebat će vaše dopuštenje za pristup React stablu stranice.
Kartica Komponente prikazuje korijenske React komponente stranice, zajedno s podkomponentama. Odaberite bilo koju komponentu iz stabla da biste pregledali i uredili njezine trenutne rekvizite, stanje i kuke na desnoj ploči.
Također možete koristiti ovaj dodatak da saznate sadrži li aplikacija React.js ili ne. Koristeći karticu Profiler, programeri mogu zabilježiti podatke o izvedbi.
Ako volite analizirati GitHub kod, dodatak Octotree može poboljšati iskustvo pregleda i istraživanja GitHub koda. Pokazuje vam stablo koda nalik IDE-u i omogućuje vam pretraživanje datoteka i mapa.
Ovaj dodatak visokih performansi sposoban je raditi sa spremištima bilo koje veličine. Osim toga, podržava privatna spremišta i omogućuje vam da označite zahtjeve za povlačenjem, repo, datoteke i probleme.
Također se možete pretplatiti na PRO verziju ovog dodatka kako biste dobili neke dodatne značajke. To uključuje podršku za više GitHub računa i GitHub Enterprise, više kartica, postavke fonta koda, pregled koda zahtjeva za povlačenjem, teme ikona datoteke i promjenu položaja pristajanja.
Accessibility Insights za web je dodatak pregledniku Microsoft Edge koji će vam omogućiti lociranje i rješavanje problema s pristupačnošću u raznim web aplikacijama i web-mjestima. Možete ga koristiti za provjeru usklađenosti s oko 50 odredbi o pristupačnosti.
Zahvaljujući jasnim uputama i vizualnom pomoćniku, možete brzo identificirati vitalne probleme s pristupom tipkovnici, uključujući zamke tipkovnice, nedostaju tabulatori i netočan redoslijed kartica.
Također vam pomaže da izvršite proces u dva koraka kako biste u roku od nekoliko minuta pronašli uobičajene probleme s pristupačnošću s velikim utjecajem. Međutim, za korištenje ovog dodatka potreban vam je Microsoft Edge Insider v.75 ili noviji.
Analiza HTML koda stranice čest je zadatak programera. Uz pomoć dodatka za analizu dizajna, možete analizirati HTML stranicu tako da omogućite i onemogućite različite komponente te stranice.
Povezano: Cool HTML efekti koje svatko može dodati na svoje web stranice
Omogućuje vam da onemogućite interni i vanjski (uključujući ispis i ručni) CSS, sakrijete slike i pozadinu slike, prikaz alt atributa slike, naslovi okvira, okviri, vanjske veze, tablice, plutajući elementi i tako dalje.
Osim toga, ovaj dodatak dolazi s raznim alatima koji vam pomažu prikazati skrivene elemente, ponovno učitati slike i vanjski CSS, pregledati izvorni kod, linearizirati stranice i označiti sve linkove kao posjećene ili neposjećena.
Ovaj dodatak ne pohranjuje niti dijeli nikakve osobne podatke. Sve informacije potrebne za njegovo funkcioniranje ostaju u vašem uređaju.
Koristeći Spremi kao MHTML dodatak, programeri mogu spremiti trenutnu web stranicu u MHTML (MIME HTML)/MHT formatu. Dodatak dolazi s gumbom na alatnoj traci za korištenje bez napora. Sprema sve online veze u izvanmrežnom formatu.
MHTML je format arhivske datoteke koji sprema sadržaj web stranice za izvanmrežno gledanje. Vrsta datoteke uključuje sve resurse poput slika, apleta i Flash animacija u HTML dokumente tijekom procesa.
Dodatak ima dva različita alata koja možete koristiti za uređivanje sadržaja web stranice prije nego što ga spremite u MHTML datoteku.
Možete odabrati način dizajna za zadatke kao što su promjena formata teksta u podebljani i kurziv, dodavanje slike ili uklanjanje bilo kojeg sadržaja. Ili možete odabrati dio stranice i zatražiti od ovog dodatka da od njega napravi novi dokument.
Programeri imaju neophodan odnos s kolačićima. Cookie-Editor moćan je dodatak koji vam omogućuje izvođenje standardnih operacija kolačića tijekom faze razvoja i testiranja web stranice.
Ovaj dodatak dolazi s sučeljem jednostavnim za korištenje koje vam omogućuje ručno upravljanje kolačićima. Uz njegovu pomoć možete brzo kreirati, uređivati i brisati kolačiće dok ostanete na kartici.
Jednim klikom, Cookie-Editor će izbrisati sve kolačiće trenutne stranice. Također može uvoziti/izvoziti kolačiće u tekstualnom formatu.
Node.js V8 je dodatak koji možete koristiti s Edge DevToolsom da pojednostavite svoj razvojni ciklus Node.js. Može upravljati životnim ciklusom prozora/kartica Edge DevTools, tako da imate više vremena da se usredotočite na otklanjanje pogrešaka koda.
Povezano: Što je Rubber Duck otklanjanje pogrešaka?
Dodatak Node.js V8 omogućuje vam nadgledanje lokalnih i udaljenih sesija otklanjanja pogrešaka dok kontrolirate sučelje DevTools, ručno i automatski. Također ga možete koristiti za otklanjanje pogrešaka u VSCode čvornim procesima i prilagođavanje trajanja između sondi v8 Inspector.
Uz njegovu pomoć, možete automatski otvarati i zatvarati Edge DevTools na kartici ili prozoru i učiniti DevTools aktivnim ili neaktivnim pri pokretanju. Njegova značajka pregleda poštedi vas od kopiranja i lijepljenja URL-a DevTools automatski otkrivajući generirani URL prilikom pokretanja čvora.
BugReplay je prvenstveno dodatak koji se koristi za screencast i ispravljanje pogrešaka na mreži. Pomaže vam da snimite svoj zaslon sinkronizirano s porukama JavaScript konzole i mrežnim prometom. Zahvaljujući ovom dodatku, sve što trebate učiniti je ponovno pratiti korake za snimanje bugova u stvarnom vremenu.
Nema potrebe da programer komunicira naprijed-natrag s krajnjim korisnicima ili rukovoditeljima podrške. Oni mogu neprimjetno saznati kada i gdje se bug pojavio iz snimljenih informacija i riješiti problem u kratkom vremenu.
Snimanje greške postaje jednostavno s dodatkom BugReplay. Također možete pregledati bug prije nego što ga podijelite sa svojim kolegama. Dodatak također nudi opciju da ga učini javnim.
Odaberite svoje omiljene Edge dodatke za razvoj
Prolaskom kroz ovaj popis dodataka za Microsoft Edge možete odabrati one koji će vam pomoći u razvoju weba i aplikacija. Zapamtite, Microsoft Edge ima i druge dodatke za redovite korisnike. Možete pregledavati i pronaći glavna proširenja za druge zadatke kao što je upravljanje lozinkama.
Pamtiti sve vaše različite lozinke može biti teško, pa evo devet najboljih dodataka za Microsoft Edge za jednostavno upravljanje lozinkama.
Pročitajte dalje
- Programiranje
- Microsoft Edge
- Proširenja preglednika
- Web razvoj
Tamal je slobodni pisac u MakeUseOf-u. Nakon što je stekao značajno iskustvo u tehnologiji, financijama i poslovanju procesa na svom dosadašnjem poslu u IT konzultantskoj tvrtki, prije 3 godine prihvatio je pisanje kao stalno zanimanje. Iako ne piše o produktivnosti i najnovijim tehnološkim vijestima, voli igrati Splinter Cell i gledati Netflix/ Prime Video.
Pretplatite se na naše obavijesti
Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e-knjige i ekskluzivne ponude!
Kliknite ovdje za pretplatu
