Egy fejlesztő számára hektikus lehet, hogy minden feladathoz számos dedikált eszközt használjon. A webböngésző-bővítmények azonban termelékenyebbé tehetik Önt azáltal, hogy egyetlen böngészési platformról biztosítanak hozzáférést különböző funkciókhoz.
Az összes legnépszerűbb böngészőhöz tartozik kiterjesztés a szakemberek számára. Ha pedig a Microsoft Edge-t használja, a fejlesztési feladatai könnyebbé válhatnak néhány böngészőbővítmény segítségével. Itt megvitatjuk a legjobb Microsoft Edge-bővítményeket, amelyeket a webfejlesztőknek használniuk kell.
A React Developer Tools egy DevTools bővítmény a webböngészőhöz. Két új, Összetevők és Profiler nevű lapot fog hozzáadni az Edge DevToolshoz. A nyílt forráskódú bővítménynek szüksége lesz az Ön engedélyére, hogy hozzáférjen egy oldal React fájához.
Az Összetevők lap megjeleníti az oldal gyökér React összetevőit az alkomponensekkel együtt. Válassza ki a fából bármelyik komponenst, hogy megtekinthesse és szerkeszthesse az aktuális kellékeit, állapotát és horgjait a jobb oldali panelen.
Ezt a bővítményt arra is használhatja, hogy megtudja, hogy egy alkalmazás tartalmazza-e a React.js fájlt vagy sem. A Profiler lap segítségével a fejlesztők teljesítményadatokat rögzíthetnek.
Ha szereti a GitHub-kód elemzését, az Octotree-bővítmény javíthatja a GitHub-kód áttekintésének és felfedezésének élményét. Megmutat egy IDE-szerű kódfát, és lehetővé teszi a fájl- és mappakeresést.
Ez a nagy teljesítményű kiegészítő bármilyen méretű adattárral képes dolgozni. Ezenkívül támogatja a privát adattárakat, és lehetővé teszi a lehívási kérelmek, repo, fájlok és problémák könyvjelzők közé helyezését.
Előfizethet a kiegészítő PRO verziójára is, hogy további funkciókhoz jusson. Ezek közé tartozik a több GitHub-fiók és a GitHub Enterprise támogatása, a több lap, a kód betűtípus-beállításai, a lekérési kódok áttekintése, a fájlikontémák és a dokkolópozíció módosítása.
Az Accessibility Insights for Web egy Microsoft Edge böngészőbővítmény, amely lehetővé teszi a különböző webalkalmazások és webhelyek kisegítő lehetőségeinek megkeresését és kijavítását. Körülbelül 50 akadálymentesítési előírás betartásának ellenőrzésére használhatja.
A világos utasításoknak és a vizuális segítőnek köszönhetően gyorsan azonosíthatja a kulcsfontosságú billentyűzet-hozzáférési problémákat, beleértve a billentyűzet csapdáit, a hiányzó tabulátorokat és a hibás tabulátorsorrendet.
Segít abban is, hogy egy kétlépcsős folyamatot hajtson végre, amellyel néhány percen belül megtalálhatja a gyakori, de nagy hatást kiváltó akadálymentességi problémákat. A bővítmény használatához azonban Microsoft Edge Insider v.75 vagy újabb verzióra van szüksége.
Egy oldal HTML kódjának elemzése gyakori fejlesztői feladat. A Design Analysis bővítmény segítségével elemezhet egy HTML-oldalt az adott oldal különböző összetevőinek engedélyezésével és letiltásával.
Összefüggő: Fantasztikus HTML-effektusok, amelyeket bárki hozzáadhat webhelyéhez
Lehetővé teszi a belső és külső (beleértve a nyomtatott és kézi) CSS letiltását, a képek és a háttér elrejtését képek, display image alt attribútumok, körvonalfejlécek, keretek, külső hivatkozások, táblázatok, lebegő elemek és hamar.
Ezenkívül ez a kiegészítő különféle eszközökkel is rendelkezik, amelyek segítenek a rejtett elemek megjelenítésében, újratöltésében képeket és külső CSS-t, megtekintheti a forráskódot, linearizálhatja az oldalakat, és megjelölheti az összes hivatkozást látogatottként vagy nem látogatott.
Ez a bővítmény nem tárol vagy oszt meg semmilyen személyazonosításra alkalmas adatot. A működéséhez szükséges összes információ a készülékben marad.
A Mentés MHTML-kiegészítővel a fejlesztők MHTML (MIME HTML)/MHT formátumban menthetik az aktuális weboldalt. A kiegészítő eszköztár gombbal rendelkezik a könnyű használat érdekében. Az összes online hivatkozást offline formátumban menti.
Az MHTML egy archív fájlformátum, amely elmenti a weboldal tartalmát offline megtekintéshez. A fájltípus a folyamat során minden erőforrást, például képeket, kisalkalmazásokat és Flash-animációkat tartalmaz a HTML-dokumentumokban.
A bővítmény két különböző eszközzel rendelkezik, amelyek segítségével szerkesztheti az oldal weboldal tartalmát, mielőtt elmentené az MHTML fájlba.
Kiválaszthatja a tervezési módot olyan feladatokhoz, mint a szövegformátum félkövérre és dőltre való módosítása, kép hozzáadása vagy tartalom eltávolítása. Vagy kiválaszthatja az oldal egy részét, és megkérheti ezt a bővítményt, hogy készítsen belőle új dokumentumot.
A fejlesztők nélkülözhetetlen kapcsolatban állnak a cookie-kkal. A Cookie-Editor egy hatékony kiegészítő, amely lehetővé teszi a szabványos cookie-műveletek végrehajtását a weboldal fejlesztési és tesztelési szakaszában.
Ez a kiegészítő egy könnyen használható felülettel rendelkezik, amely lehetővé teszi a cookie-k manuális kezelését. Segítségével gyorsan létrehozhat, szerkeszthet és törölhet cookie-kat, miközben a lapon marad.
A Cookie-Editor egyetlen kattintással törli az aktuális oldal összes cookie-ját. A cookie-kat szöveges formátumban is képes importálni/exportálni.
A Node.js V8 egy olyan kiegészítő, amelyet az Edge DevTools-szal együtt használhat a Node.js fejlesztési ciklusának egyszerűsítésére. Kezelheti az Edge DevTools ablak/lap életciklusát, így több ideje marad a kód hibakeresésére összpontosítani.
Összefüggő: Mi az a gumikacsa hibakeresés?
A Node.js V8 bővítmény lehetővé teszi a helyi és távoli hibakeresési munkamenetek figyelését, miközben a DevTools felületet manuálisan és automatikusan is vezérli. Használhatja a VSCode csomóponti folyamatok hibakeresésére és a v8 Inspector vizsgálatai közötti időtartam testreszabására is.
Segítségével automatikusan megnyithatja és bezárhatja az Edge DevTools alkalmazást egy lapon vagy ablakban, és indításakor aktívvá vagy inaktívvá teheti a DevTools alkalmazást. Ellenőrzési funkciója megkíméli Önt a DevTools URL másolásától és beillesztésétől, mivel a csomópont futtatásakor automatikusan észleli a generált URL-t.
A BugReplay elsősorban egy képernyőközvetítéshez és hálózati hibakereséshez használt kiegészítő. Segítségével rögzítheti képernyőjét szinkronban a JavaScript-konzol üzeneteivel és a hálózati forgalommal. Ennek a kiegészítőnek köszönhetően nem kell mást tennie, mint újrakövetni a lépéseket, hogy valós időben rögzítse a hibákat.
Nincs szükség arra, hogy a fejlesztő oda-vissza kommunikáljon a végfelhasználókkal vagy a támogatási vezetőkkel. A rögzített információkból zökkenőmentesen megtudhatják, mikor és hol fordult elő a hiba, és pillanatok alatt megoldják a problémát.
A hiba rögzítése egyszerűvé válik a BugReplay kiegészítővel. A hibát is áttekintheti, mielőtt megosztaná kollégáival. A kiegészítő nyilvánossá tételére is lehetőséget kínál.
Válassza ki kedvenc Edge-bővítményeit a fejlesztéshez
A Microsoft Edge-bővítmények ezen listáját végignézve kiválaszthatja azokat, amelyek segítenek a web- és alkalmazásfejlesztési munkában. Ne feledje, a Microsoft Edge más kiegészítőkkel is rendelkezik a normál felhasználók számára. Böngésszen és találhat általános bővítményeket más feladatokhoz, például a jelszókezeléshez.
A különféle jelszavak megjegyezése bonyolult lehet, ezért íme a kilenc legjobb Microsoft Edge-bővítmény az egyszerű jelszavak kezeléséhez.
Olvassa el a következőt
- Programozás
- Microsoft Edge
- Böngészőbővítmények
- Webfejlesztés
Tamal a MakeUseOf szabadúszó írója. Jelentős technológiai, pénzügyi és üzleti tapasztalat megszerzése után folyamatokat előző munkahelyén egy informatikai tanácsadó cégnél, az írást 3 éve vette át főállású szakmá. Noha nem ír a termelékenységről és a legfrissebb technológiai hírekről, szeret játszani a Splinter Cell-lel és a Netflix/Prime Video-t nézegeti.
Iratkozzon fel hírlevelünkre
Csatlakozzon hírlevelünkhöz műszaki tippekért, ismertetőkért, ingyenes e-könyvekért és exkluzív ajánlatokért!
Kattintson ide az előfizetéshez