10 najlepszych rozszerzeń przeglądarki dla programistów

Opublikowany: 2019-07-01

Rozszerzenia to imponujące dodatki, które przyspieszają nasze prace rozwojowe. Te rozszerzenia obsługują prawie każdą przeglądarkę, a niektóre przeglądarki mają własną bibliotekę tych małych pomocników.

Rozszerzenie zapewnia łatwe rozwiązanie naszych problemów, ponieważ chcemy wybrać dokładnie ten sam kolor, w jakim ma witrynę, możemy rozwiązać ten problem, korzystając z tych dodatków w naszej przeglądarce. Można je łatwo obsługiwać jednym kliknięciem.

Na rynku internetowym dostępne są setki rozszerzeń, ale trudne pytanie brzmi, które z nich jest dla Ciebie najlepsze? Nie martw się, kiedy przeprowadziłeś jakieś badania i wymyśliłeś najczęściej używane i najlepsze dodatki, które przydają się programistom, którzy nie chcą, aby ich praca spowalniała.

Oto lista 10 najbardziej znanych rozszerzeń, które wybraliśmy dla programistów.

1. Zatrzask użytkownika

Uzytkownicy

To rozszerzenie jest specjalnie zbudowane w celu rozwiązania problemu projektantów, programistów front-end i menedżerów produktów, aby zapewnić lepsze opinie.

Nie wolimy starych sposobów, takich jak zrobienie zrzutu ekranu, a następnie edytowanie go za pomocą jakiegoś skomplikowanego edytora i nadal nie uzyskujemy lepszych wyników, sugerujemy użycie przycisku użytkownika, aby zrobić przystawkę, a następnie edytować go tylko w przeglądarce, a nawet rysować na przystawce , dodawaj adnotacje, komentarze i wiele więcej w Usersnap.

Kup podstawową wersję za jedyne 39 $ miesięcznie lub po prostu skorzystaj z darmowej wersji próbnej z poniższego linku.

Pobieranie Usernap

2. iMakro

iMacros

iMacros jest przeznaczony do automatyzacji wszelkich złożonych zadań w przeglądarce internetowej bez uczenia się nowego języka skryptowego, dzięki czemu uzyskujesz pełną programowalną kontrolę nad przeglądarką.

Inną wyspecjalizowaną funkcją jest to, że możesz nawet używać tego rozszerzenia do celów testowych, takich jak funkcjonalność i wydajność w dowolnej witrynie, w tym JAVA, flash, elementy AJAX itp.

Trzecią cechą jest to, że możesz zautomatyzować zbieranie danych internetowych do swojej bazy danych lub w dowolnej aplikacji obsługującej dane internetowe, zrobi to automatycznie.

Kup cały pakiet za 99 $ za licencję.

Pobierz – iMacros

3. Próbnik kolorów

Narzędzie do wybierania kolorów

Proste rozszerzenie, ale bardzo przydatne przy wybieraniu koloru dowolnego elementu w sieci. Ten dodatek może zapewnić dokładny kolor i ułatwić pracę.

Przed tym rozszerzeniem, jeśli chcemy wyodrębnić kolor, robimy zrzut ekranu, a następnie edytujemy go za pomocą narzędzia do edycji, a następnie otrzymujemy żądany kolor, proces ten zajmuje dużo czasu.

Jest to doskonałe narzędzie dla użytkowników Photoshopa i projektantów stron internetowych, którzy zawsze pracują z kombinacjami kolorów i chcą dokładnego kodu koloru.

Najlepszą rzeczą w tym rozszerzeniu jest to, że jest całkowicie bezpłatne, możesz pobrać to rozszerzenie dla Chrome.

Pobierz – Próbnik kolorów

4. Co działa

Co działa

Zidentyfikuj informacje o strukturze i technologiach każdej popularnej strony internetowej, włączając to rozszerzenie w swojej przeglądarce. WhatRuns odkrywa funkcjonalność witryny, która ją napędza i sprawia, że ​​jest tak imponująca. Wszystko, co Cię zadziwia na ich stronie, zostanie odkryte przed Tobą.

Tym bardziej w tym rozszerzeniu jest to, że dowiadujesz się, że CMS (system zarządzania treścią), którego używają, serwer sieciowy, framework sieciowy, CDN, a nawet możesz odkryć widżety i skrypty czcionek, których używają na swojej stronie internetowej.

To rozszerzenie jest również bezpłatne i dostępne w Chrome Web Store, aby bezpośrednio dodać je do przeglądarki.

Pobierz – WhatRuns

5. Jaka czcionka?

Jaka czcionka?

Rozszerzenie podaje dokładną rodzinę czcionek, rozmiar, kolor zdania lub słowa. Jest to potężny dodatek dla projektantów i programistów, którzy chcą dokładnie tej samej czcionki na swojej stronie internetowej lub w projekcie.

Inną świetną funkcją jest to, że może dowiedzieć się, jakie usługi są uruchamiane w celu wyświetlania tych czcionek na stronach internetowych. Rozszerzenie obsługuje Google Font API i Typekit.

To bezpłatne rozszerzenie jest dostępne w Chrome Web Store, aby dodać je bezpośrednio do przeglądarki.

Pobierz – WhatFont

6. Przełącznik agenta użytkownika

Przełącznik agenta użytkownika

Korzystając z tego rozszerzenia, możesz sfałszować i naśladować ciąg agentów użytkownika. Dzięki temu rozszerzeniu możesz szybko przełączać się między ciągami klienta użytkownika w mgnieniu oka, a także możesz ustawić określone adresy URL, które chcesz wysyłać za każdym razem.

Nowa wersja tego rozszerzenia jest ulepszona i nie tylko modyfikuje agentów użytkownika, ale także poprawia obiekt javascript obecny na stronie.

Ale zawsze jest jakiś przeciek we wszystkim, więc nie możesz w pełni polegać na tym rozszerzeniu, aby wykonać całą pracę prawidłowo, mogą wystąpić pewne problemy.

Rozszerzenie jest bezpłatne i można je pobrać ze sklepu internetowego Chrome, który instaluje się bezpośrednio w przeglądarce internetowej.

Pobierz – Przełącznik agenta użytkownika

7. Sizzy

To rozszerzenie pomoże Ci zobaczyć, jak reagują Twoje wtyczki lub witryna na prawie każdym urządzeniu. Dodatek pokazuje widok Twojej witryny lub projektu na różnych urządzeniach jednocześnie, dzięki czemu możesz wykryć problem w swoim projekcie i naprawić go przed jego uruchomieniem.

Możesz dodawać własne urządzenia z niestandardowymi projektami i zarządzać nimi wszystkimi w jednym miejscu pracy. Dostępne jest również narzędzie Inspector, aby zobaczyć kod elementów, czy w razie jakichkolwiek problemów można go sprawdzić na miejscu i naprawić.

W pełni konfigurowalne rozszerzenie, które daje pełną możliwość modyfikowania Sizzy w dowolny sposób.

Dostępne są dwa plany kupna, miesięczny lub roczny, 7 $ miesięcznie lub 5 $ miesięcznie, który rocznie kosztuje 60 $ rocznie.

Pobierz – Sizzy

8. Wymiary

Wymiary

Rozszerzenie narzędzia pomiarowego, które jest naprawdę pomocne przy testowaniu witryn internetowych. To idealne narzędzie do pomiaru odległości między elementami. Aby idealnie opracować dokładny projekt zgodnie z określonym projektem, można łatwo osiągnąć dzięki temu przedłużeniu.

Za pomocą tego rozszerzenia można mierzyć następujące elementy: obrazy, pola wejściowe, przyciski, filmy, gify, tekst, ikony.

Zmierz wszystko, co widzisz w przeglądarce, dzięki temu łatwemu w użyciu rozszerzeniu.

Dodaj to bezpłatne rozszerzenie w przeglądarce z Chrome Web Store.

Pobierz – Wymiary

9. Edytuj ten plik cookie

Edytuj ten plik cookie

Najlepsze i pierwsze do pobrania rozszerzenia narzędzia do zarządzania plikami cookie. Dzięki temu rozszerzeniu możesz tworzyć, usuwać, dodawać, wyszukiwać, chronić, blokować pliki cookie i wiele więcej.

Zadanie, takie jak zbiorcza edycja plików cookie i poprawa wydajności pliku cookie, a także importowanie i eksportowanie plików cookie z dowolnej witryny, można wykonać za pomocą tego rozszerzenia.

Ze sklepu internetowego Chrome możesz zainstalować to w przeglądarce za pomocą jednego kliknięcia.

Pobierz – EditThisCookie

10. Ghostery

Ghostery to potężne rozszerzenie umożliwiające ochronę przeglądania. Bloker reklam pomaga wyłączyć niechciane reklamy wyskakujące w każdej odwiedzanej witrynie.

Chroniona prywatność oznacza, że ​​umożliwia przeglądanie i blokowanie wszelkich anonimowych trackerów, które kradną Twoje dane osobowe i dostarczają je do innych stron internetowych.

Tryb inteligentnego blokowania rozszerzeń umożliwia szybsze ładowanie stron, a także optymalizację wydajności strony internetowej.

Pulpit nawigacyjny ma wiele ekranów i wglądów, które pozwalają wyszukiwać wcześniejsze informacje.

To rozszerzenie jest również bezpłatne i dostępne w Chrome Web Store.

Pobierz – Ghostery