Rozszerzenie do przeglądarki dla programistów: lista najlepszych dodatków

Tegoroczna aktualizacja Firefoksa spowodowała pewne zmiany w na rynku dodatków do przeglądarek. Niektóre popularne rozszerzenia do przeglądarek nie są już dostępne.

Większość rozszerzeń jest zgodna z przeglądarkami Firefox i Google Chrome. Dlatego zdecydowaliśmy aby wybrać dodatki, które będą działali zarówno dobrze w Firefoksie, jak iw Chrome czy Chromium. Na tej liście są zebrane dodatki, które nie ograniczają Cię do konkretnej techniki programowania.

Mimo że większość deweloperów nie uważa Microsoft Edge za przeglądarkę dla programistów, nadal jest ono dobrym narzędziem do testowania po zakończeniu programowania. Liczba użytkowników, którzy mogą korzystać z Microsoft Edge, może wzrosnąć, jeśli użytkownicy odmówią korzystania z przeglądarki Internet Explorer.

Ponieważ społeczność IT preferuje Firefoksa, w porównaniu z Chrome, istnieje więcej rozszerzeń dla programistów przeznaczonych dla tej przeglądarki. Na poniższej liście znajdziesz zestaw najlepszych rozszerzeń do przeglądarek i krótkie opisanie ich podstawowych funkcji.


Built With

To rozszerzenie do przeglądarki jest dostępne dla Chrome/Chromium i Firefox. Z jego pomocą można dowiedzieć się, jak powstała strona. Dzięki temu dodatkowi nie musisz tracić czas na zagłębianie się w kod źródłowy.


aXe

To rozszerzenie do przeglądarki ma na celu udostępnienie Twojej witryny. Pomoże to zapobiec wykluczeniu całej grupy użytkowników z serwisu webowego. Dodatek jest dostępne zarówno dla Chrome/Chromium i Firefox.


ColorZilla

Rozszerzenie do przeglądarki 01

To rozszerzenie do przeglądarki pomaga programistom i grafikom poradzić sobie z zadaniami związanymi z kolorami. Korzystając z dodatku ColorZilla można odczytać kolor, dostosować go i wstawić do innego programu. Ten dodatek umożliwia wykonywanie podstawowych i zaawansowanych zadań w przeglądarkach Chrome/Chromium i Firefox.


WebDeveloper

To narzędzie stosuje kilka dodatków do przeglądarki, które umożliwiają kontrolowanie aspektów designu, takich jak CSS, zdjęcia, formularze itd. Będąc jednym z najpopularniejszych dodatków, jest dostępny dla Chrome/Chromium i Firefox.


WOO RANK

Rozszerzenie do przeglądarki Woorank oferuje wszystkie narzędzia, które są potrzebne do analizy danych pod kątem SEO, w tym internals, wyniki SEO, chmurę słów kluczowych, propozycje dotyczące ulepszeń itp. Rozszerzenie może być używane w Chrome/Chromium i Firefox.

Rozszerzenie do przeglądarki 02


TAB2QR

To rozszerzenie do przeglądarki pozwala na wygenerowanie kodu QR dla witryny, którą chciałbyś odwiedzić na urządzeniu mobilnym. Wystarczy zeskanować kod za pomocą telefonu lub tabletu. Nawiasem mówiąc, ten dodatek jest doskonałym wyborem, jeśli chciałbyś sprawdzić responsywność witryny. Rozszerzenie można korzystać zarówno w Chrome/Chromium, jak iw Firefox.


HTTP REQUEST MAKER

Korzystając z tego dodatku, możesz bezproblemowo ustanowić żądania HTTP. Jeśli nie chcesz przesyłać formularz i testować niepotrzebne przetwarzanie, ale chciałbyś przetestować odpowiedzi formularza PHP, to narzędzie stanie się idealnym wyborem. Ponadto znajdziesz linki do pobierania dla przeglądarek Chrome / Chromium i Firefox. Chrome/Chromium and Firefox


PAGE PERFORMANCE TEST

Dodatek Performance Test stanie się dobrym wyborem, jeśli chciałbyś monitorować sposób działania strony w drodze do przeglądarki. Obecnie dodatek jest dostępny tylko dla Firefox.


WORD COUNT TOOL

Ten dodatek pozwala na sprawdzenie liczby znaków i zdań w analizowanym bloku tekstowym, oraz wykonać mnóstwo innych zadań. Rozszerzenie jest dostępne dla Chrome/Chromium i Firefo.


WEB DEVELOPER CHECKLIST

Jest to idealne rozszerzenie do przeglądarki dla programistów, kktóre pozwala znaleźć obszary problemowe na stronie i szybko je naprawić. Rozszerzenie jest dostępne dla Chrome/Chromium i Firefox.

Rozszerzenie do przeglądarki 03


IMAGE MAP EDITOR

To rozszerzenie do przeglądarki Firefox zostało stworzone przez niemieckiego programistę Heinz-Jürgena Bomsa. Z jego pomocą można sprawdzić lokalizację zdjęcia, które chciłbyś dodać, i utworzyć mapę nawigacyjną bezpośrednio w przeglądarce.


ADVANCED FRAME EDITOR

Jeszcze jedny dodatek autorstwa Heinz-Jürgen Boms do przeglądarki Firefox. Z pomocą tego narzędzia do stylizacji CSS będziesz mógł stworzyć frame bezpośrednio w przeglądarce, ustawiając jej charakterystykę. Przed rozpoczęciem pracy z tym dodatkiem zalecamy aby sprawdzić  manual na temat Advanced Frame Editor.


BOOTSTRAP RESPONSIVE HELPER

Z pomocą tego rozszerzenia do przeglłdarki można sprawdzić, czy Twoje punkty kontrolne działają poprawnie. Poza tym możesz sprawdzić jaki poziom Bootstrap ma Twoja strona w danym momencie. Zwróć uwagę, że ten dodatek stanie się przydatny tylko wtedy, gdy będziesz stale pracować z Bootstrap. Możesz aktywować narzędzie w Chrome/Chromium lub Firefox.


TRY IT YOURSELF HTML5 EDITOR

To rozszerzenie do przeglądarki stanie się dobrym wyborem dla osób, które chieliby aby wszystkie zadania zostały wykonane z jednego miejsca. Ten funkcjonalny i zorientowany kontekstowo edytor działa poprawnie w Firefox i obsługuje HTML, JS i CSS.

Rozszerzenie do przeglądarki 04


X-RAY GOGGLES

Będąc bookmarkletem, a nie standardowym rozszerzeniem, Gogle X-Ray działa bezbłędnie w Chrome/Chromium i Firefox. Aby skorzystać z tego dodatka trzeba otworzyć pasek zakładek, zainstalować Goggles z powyższego linku, a następnie przeciągnąć i upuścić go do pasku zakładek. Aby pracować z rozszrzeniem wystarczy aktywować zakładkę X-Ray Goggles podczas przeglądania witryny, wybrać pożądany element na stronie i wprowadzić zmiany do kodu tego elementu.

Rozszerzenie do przeglądarki 05


Ten artykuł został przetłumaczony z angielskiego. Orygimał można znaleźć tutaj: The Best Browser Extensions for Developers In 2018


Tworzenie responsywnych stron: jakie masz opcje? [Darmowa e-książka]

 

Klikając przycisk akceptujesz Politykę prywatności i Regulamin korzystania z serwisu TemplateMonster.

Jeśli znalazłeś błąd ortograficzny, prosimy o poinformowanie nas o tym, wybierając odpowiedni fragment tekstu i naciskając Ctrl + Enter .

Zgłoś błąd w pisowni

Poniższy tekst zostanie przesłany do naszej redakcji: