Największą zmianą na rok 2018 była gruntowna modernizacja przeglądarki FireFox, a wraz z nią sposób działania dodatków w tej przeglądarce. W rezultacie wiele popularnych dodatków nie jest już obsługiwanych lub stało się niedostępnych.
Większość dodatków do przeglądarki Firefox jest również dostępna jako rozszerzenia do przeglądarki Google Chrome. W tym artykule postaramy się dać pierwszeństwo przeglądarka dodatki/rozszerzenia, co w tym kontekście oznacza, że będą działać w przeglądarkach Firefox, Chrome i Chromium. Będziemy również preferować bezpłatne rozszerzenia, o których wiadomo, że nie przekazują Twoich informacji osobom trzecim i nie są obsługiwane przez przychody z reklam. Skupimy się bardziej na rozszerzeniach, które nie ograniczają Cię do konkretnej technologii programistycznej.
Niewielu programistów dostrzegłoby jakąkolwiek korzyść w używaniu Microsoft Edge jako przeglądarki programistycznej, ale jest ona w porządku do testowania po zakończeniu prac rozwojowych. Można się spodziewać, że będzie z niej korzystać jedynie nieco ponad 4 na 100 osób odwiedzających witrynę, choć można się spodziewać, że liczba ta nieznacznie wzrośnie w miarę, jak coraz więcej użytkowników porzuci przeglądarkę Internet Explorer.
Mimo że użytkowników przeglądarki Chrome jest znacznie więcej niż użytkowników przeglądarki Firefox, informatykowie wolą przeglądarkę Firefox, dlatego też w przeglądarce Firefox dostępnych jest więcej lepszych rozszerzeń przeznaczonych dla programistów.
Przyjrzyjmy się teraz najlepszym rozszerzeniom przeglądarki dla programistów i wyjaśnijmy, dlaczego warto je dodać do swojej przeglądarki.
1. Zbudowany z
Kiedy znajdziesz się na naprawdę dobrze wykonanej witrynie i chcesz wiedzieć, jak ją stworzyli, to rozszerzenie pozwoli Ci zaoszczędzić mnóstwo czasu i wysiłku na szperaniu w kodzie źródłowym. Pobierz linki: Chrome / Chromium, Firefox
2. topór
Jest to narzędzie do audytu dostępności. Zawsze najlepiej jest starać się, aby Twoje strony były jak najbardziej dostępne, a ax pomoże Ci uniknąć przypadkowego wykluczenia części użytkowników z Twojej witryny. Pobierz linki: Chrome / Chromium, Firefox
3. ColorZilla
To stare, ale nadal przydatne rozszerzenie umożliwia próbkowanie kolorów bezpośrednio ze strony, pobieranie kodów kolorów, generowanie gradientów i wiele więcej. Pobierz linki: Chrome / Chromium, Firefox
4. Twórca stron internetowych
Dodaje kilka przydatnych dodatków do przeglądarki, aby kontrolować CSS, formularze, obrazy i informacje. Jedno z najpopularniejszych rozszerzeń, jakie kiedykolwiek stworzono. Linki do pobrania: Chrome / Chromium, Firefox
5. Ranga Woo
Analizuj dowolną stronę internetową pod kątem danych SEO. Zapewnia potężny raport pokazujący wszystkie wewnętrzne elementy SEO, w tym ogólny wynik SEO, sugestie dotyczące ulepszeń, chmurę słów kluczowych i wiele więcej. Pobierz linki: Chrome / Chromium, Firefox
6. Tab2QR
Wygeneruj kod QR strony, na której się znajdujesz, i możesz odwiedzić tę stronę za pomocą telefonu, po prostu skanując kod QR. Dobry do testów responsive witryn, nawet jeśli nie zostały one utworzone przez Ciebie. Pobierz linki: Chrome / Chromium, Firefox
7. Kreator żądań HTTP
Może to być bardzo przydatne do testowania odpowiedzi z formularzy PHP, gdy tak naprawdę nie chcesz przesyłać formularza (co może spowodować dodatkowe przetwarzanie, którego nie musisz testować). Dzięki temu narzędziu możesz bez wysiłku fałszować żądania HTTP. Pamiętaj, że chociaż rozszerzenia Chrome i Firefox mają tę samą nazwę i wykonują te same funkcje, są tworzone przez różnych programistów i nie są dokładnie takie same. Pobierz linki: Chrome / Chromium, Firefox
8. Test wydajności strony
Szybko uzyskaj raport o działaniu Twojej strony na różnych etapach jej podróży do przeglądarki. To trochę jak bardziej zaawansowana wersja programu Tracert. Ta funkcja jest na razie dostępna tylko w przeglądarce Firefox. Istnieją podobne rozszerzenia dla Chrome i Chromium, ale nie są one tak bogate w funkcje jak to. Pobierz linki: Firefox
9. Narzędzie do liczenia słów
Ten faktycznie potrafi więcej, niż sugeruje nazwa, ponieważ powie Ci także, ile znaków i ile zdań mieści się w wybranym bloku tekstu (lub całej stronie). Pobierz linki: Chrome / Chromium, Firefox
10. Lista kontrolna programisty internetowego
Upewnij się, że postępujesz zgodnie z wytycznymi dotyczącymi najlepszych praktyk tworzenia stron internetowych, dzięki temu narzędziu, które pokaże, gdzie Twoje standardy mogły się pogorszyć. Pobierz linki: Chrome / Chromium, Firefox
11. Edytor mapy obrazu
Jedno z trzech doskonałych rozszerzeń niemieckiego programisty Heinza-Jürgena Bomsa, to robi dokładnie to, co mówi nazwa. Możesz wygenerować mapę obrazu bezpośrednio w przeglądarce, po prostu śledząc obszary obrazu, które chcesz zmapować. Pobierz linki: Firefox
12. Zaawansowany edytor ramek
Kolejne rozszerzenie od Heinza-Jürgena Bomsa. Jest to tak naprawdę narzędzie do stylizacji CSS, w którym możesz zbudować ramkę bezpośrednio w przeglądarce, określając jej atrybuty. Warto zapoznać się z dokumentacja zanim zaczniesz go używać. Pobierz linki: Firefox
13. Bootstrapowanie Responsive Pomocnik
Jest to bardzo proste, małe rozszerzenie, które pomaga szybko sprawdzić, czy punkty przerwania działają poprawnie i jaki jest poziom ładowania początkowego w bieżącym trybie. Oczywiście będziesz potrzebować tego rozszerzenia tylko wtedy, gdy faktycznie pracujesz w Bootstrap. Wersja dla przeglądarki Chrome została opracowana przez Jonathana Defraiteura, a wersja dla przeglądarki Firefox została opracowana przez Kevina Bon. Pobierz linki: Chrome / Chromium, Firefox
14. Wypróbuj sam edytor HTML5
Jeśli wolisz zachować prostotę i wykonywać całą swoją pracę w jednym miejscu, to rozszerzenie jest dla Ciebie. Bogaty w funkcje, ten kontekstowy edytor działa bezpośrednio w przeglądarce i obsługuje HTML, CSS i JavaScript. Daleko mu do doskonałości, ale w przypadku szybkiej i brudnej edycji bez konieczności otwierania osobnej aplikacji spełnia swoje zadanie. Pobierz linki: Firefox
15. Gogle rentgenowskie
Technicznie rzecz biorąc, nie jest to rozszerzenie, a właściwie bookmarklet. Ale działa tak dobrze, że nie mogliśmy pominąć go na liście. Mimo że została stworzona przez Mozillę, działa równie dobrze w przeglądarce Chrome, ponieważ obie przeglądarki są w pełni zgodne ze standardami. Aby z niego skorzystać, musisz ustawić widoczny pasek zakładek. Następnie odwiedź stronę pobierania, do której możesz przejść za pomocą poniższych łączy, i przeciągnij przycisk Gogle rentgenowskie na pasek zakładek. Następnie wystarczy odwiedzić dowolną witrynę, uruchomić zakładkę Gogle rentgenowskie, wybrać element na stronie i edytować jego kod. Pobierz linki: Chrome / Chromium, Firefox
obraz nagłówka dzięki uprzejmości
Komentarze Odpowiedzi 0