8 najlepszych dodatków Microsoft Edge dla programistów

Dla programisty może być gorączkowe korzystanie z wielu dedykowanych narzędzi do każdego zadania. Jednak dodatki do przeglądarek internetowych mogą zwiększyć produktywność, zapewniając dostęp do różnych funkcji z jednej platformy przeglądania.

Wszystkie najpopularniejsze przeglądarki są wyposażone w rozszerzenia dla profesjonalistów. A jeśli korzystasz z Microsoft Edge, Twoje zadania programistyczne mogą być łatwiejsze dzięki niektórym dodatkom do przeglądarki. Tutaj omówimy najlepsze dodatki do Microsoft Edge, z których powinni korzystać twórcy stron internetowych.

React Developer Tools to dodatek DevTools do przeglądarki internetowej. Doda dwie nowe zakładki o nazwach Components i Profiler w Edge DevTools. Dodatek o otwartym kodzie źródłowym będzie wymagał Twojego pozwolenia na dostęp do drzewa reakcji na stronie.

Zakładka Components wyświetla główne komponenty React strony wraz z podkomponentami. Wybierz dowolny komponent z drzewa, aby sprawdzić i edytować jego aktualne właściwości, stan i hooki w prawym panelu.

Możesz również użyć tego dodatku, aby dowiedzieć się, czy aplikacja zawiera React.js, czy nie. Korzystając z karty Profiler, programiści mogą rejestrować informacje o wydajności.

Jeśli interesujesz się analizą kodu GitHub, dodatek Octotree może zwiększyć komfort przeglądania i eksploracji kodu GitHub. Pokazuje drzewo kodu podobne do IDE i umożliwia przeszukiwanie plików i folderów.

Ten wysokowydajny dodatek może pracować z repozytoriami o dowolnej wielkości. Poza tym obsługuje prywatne repozytoria i umożliwia tworzenie zakładek do żądań ściągnięcia, repozytoriów, plików i problemów.

Możesz także zasubskrybować wersję PRO tego dodatku, aby uzyskać dodatkowe funkcje. Obejmują one obsługę wielu kont GitHub i GitHub Enterprise, wiele kart, ustawienia czcionek kodu, przegląd kodu żądania ściągnięcia, motywy ikon plików i zmianę pozycji dokowania.

Accessibility Insights for Web to dodatek do przeglądarki Microsoft Edge, który umożliwia lokalizowanie i rozwiązywanie problemów z ułatwieniami dostępu w różnych aplikacjach i witrynach internetowych. Możesz go użyć do sprawdzenia zgodności z około 50 przepisami dotyczącymi ułatwień dostępu.

Dzięki przejrzystym instrukcjom i wizualnemu pomocnikowi możesz szybko zidentyfikować istotne problemy z dostępem do klawiatury, w tym pułapki na klawiaturze, brakujące tabulatory i nieprawidłową kolejność tabulatorów.

Pomaga również w przeprowadzeniu dwuetapowego procesu lokalizowania typowych, ale istotnych problemów z ułatwieniami dostępu w ciągu kilku minut. Jednak do korzystania z tego dodatku potrzebny jest program Microsoft Edge Insider w wersji 75 lub nowszej.

Analiza kodu HTML strony to częste zadanie programisty. Za pomocą dodatku Design Analysis możesz analizować stronę HTML, włączając i wyłączając różne komponenty tej strony.

Związane z: Fajne efekty HTML, które każdy może dodać do swoich stron internetowych

Pozwala wyłączyć wewnętrzne i zewnętrzne (w tym drukowane i ręczne) CSS, ukryć obrazy i tło obrazy, wyświetlane atrybuty alt obrazu, nagłówki konspektu, ramki, linki zewnętrzne, tabele, elementy pływające i wkrótce.

Poza tym ten dodatek zawiera różne narzędzia, które pomagają wyświetlać ukryte elementy, przeładować obrazy i zewnętrzny CSS, przeglądaj kod źródłowy, linearyzuj strony i oznaczaj wszystkie linki jako odwiedzone lub nieodwiedzone.

Ten dodatek nie przechowuje ani nie udostępnia żadnych danych osobowych. Wszystkie informacje potrzebne do jego funkcjonowania pozostają w Twoim urządzeniu.

Korzystając z dodatku Zapisz jako MHTML, programiści mogą zapisać bieżącą stronę internetową w formacie MHTML (MIME HTML)/MHT. Dodatek jest wyposażony w przycisk paska narzędzi, który zapewnia bezproblemowe użytkowanie. Zapisuje wszystkie linki online w formacie offline.

MHTML to format pliku archiwum, który zapisuje zawartość strony internetowej do przeglądania w trybie offline. Typ pliku zawiera wszystkie zasoby, takie jak obrazy, aplety i animacje Flash, w dokumentach HTML podczas procesu.

Dodatek zawiera dwa różne narzędzia, których można użyć do edycji zawartości strony internetowej przed zapisaniem jej w pliku MHTML.

Możesz wybrać tryb projektowania dla zadań, takich jak zmiana formatu tekstu na pogrubienie i kursywę, dodawanie obrazu lub usuwanie treści. Możesz też wybrać sekcję strony i poprosić ten dodatek o utworzenie z niej nowego dokumentu.

Programiści mają nieodzowny związek z plikami cookie. Edytor plików cookie to potężny dodatek, który umożliwia wykonywanie standardowych operacji na plikach cookie podczas fazy tworzenia i testowania strony internetowej.

Ten dodatek jest dostarczany z łatwym w użyciu interfejsem, który umożliwia ręczne zarządzanie plikami cookie. Z jego pomocą możesz szybko tworzyć, edytować i usuwać pliki cookies pozostając na karcie.

Jednym kliknięciem edytor plików cookie usunie wszystkie pliki cookie z bieżącej strony. Może również importować/eksportować pliki cookie w formacie tekstowym.

Node.js V8 to dodatek, którego możesz używać z Edge DevTools, aby usprawnić cykl rozwoju Node.js. Może zarządzać cyklem życia okna/karty Edge DevTools, dzięki czemu masz więcej czasu na skupienie się na debugowaniu kodu.

Związane z: Co to jest debugowanie gumowej kaczki?

Dodatek Node.js V8 umożliwia monitorowanie lokalnych i zdalnych sesji debugowania przy jednoczesnej kontroli interfejsu DevTools, zarówno ręcznie, jak i automatycznie. Można go również użyć do debugowania procesów węzła VSCode i dostosować czas trwania między sondami inspektora v8.

Za jego pomocą możesz automatycznie otwierać i zamykać Edge DevTools w zakładce lub oknie oraz włączać lub wyłączać DevTools przy starcie. Jego funkcja inspekcji pozwala uniknąć kopiowania i wklejania adresu URL DevTools, automatycznie wykrywając wygenerowany adres URL podczas uruchamiania węzła.

BugReplay to przede wszystkim dodatek używany do screencastu i debugowania sieci. Pomaga nagrywać ekran zsynchronizowany z komunikatami konsoli JavaScript i ruchem sieciowym. Dzięki temu dodatkowi wszystko, co musisz zrobić, to odtworzyć kroki, aby przechwytywać błędy w czasie rzeczywistym.

Nie ma potrzeby, aby programista komunikował się tam iz powrotem z użytkownikami końcowymi lub kierownikami wsparcia. Na podstawie zarejestrowanych informacji mogą bezproblemowo dowiedzieć się, kiedy i gdzie wystąpił błąd, i błyskawicznie rozwiązać problem.

Nagrywanie błędu staje się łatwe dzięki dodatkowi BugReplay. Możesz również przejrzeć błąd przed udostępnieniem go współpracownikom. Dodatek oferuje również opcję upublicznienia go.

Wybierz swoje ulubione dodatki Edge do rozwoju

Przeglądając tę ​​listę dodatków do Microsoft Edge, możesz wybrać te, które pomogą Ci w pracach nad tworzeniem sieci i aplikacji. Pamiętaj, że Microsoft Edge ma również inne dodatki dla zwykłych użytkowników. Możesz przeglądać i znajdować popularne rozszerzenia do innych zadań, takich jak zarządzanie hasłami.

9 najlepszych dodatków Microsoft Edge do bezproblemowego zarządzania hasłami

Zapamiętywanie wszystkich różnych haseł może być trudne, więc oto dziewięć najlepszych dodatków do Microsoft Edge, które ułatwiają zarządzanie hasłami.

Czytaj dalej

O autorze