15 najlepszych rozszerzeń Chrome dla programistów i programistów

Jeśli jesteś programistą, który nie używa Chrome, jesteś w mniejszości. Jest tak wiele powodów, aby preferować tę przeglądarkę do celów programistycznych, takich jak ogromny wpływ Google na kierunek sieci, wbudowane funkcje, które sprawiają, że programowanie jest mniej frustrujące, oraz sama liczba dostępnych rozszerzeń.

Ten ostatni punkt jest kluczowy. W chwili pisania tego tekstu Chrome ma ponad 60-procentowy udział w rynku komputerów stacjonarnych — nic dziwnego, że większość twórców rozszerzeń koncentruje swoje wysiłki w pierwszej kolejności na Chrome. To powiedziawszy, oto najlepsze rozszerzenia Chrome, których powinieneś używać, jeśli jesteś programistą dowolnego rodzaju, ale zwłaszcza programistą internetowym.

Ogólne rozszerzenia rozwojowe

1. Kumpel sesyjny

Chrome ma niesamowitą funkcję zwaną niestandardowymi profilami użytkowników, która pozwala tworzyć osobne zestawy zakładek, ustawień, kart, historii itp. Zdecydowanie powinieneś skonfigurować jeden specjalnie do programowania, jeśli jeszcze tego nie zrobiłeś.

Ale Session Buddy idzie o krok dalej, umożliwiając zapisywanie określonych „sesji kart” i przełączanie się między nimi do woli, co przydaje się, gdy pracujesz nad wieloma projektami.

Pobierz: Przyjaciel sesji

2. iMacro dla Chrome

iMacros to rozszerzenie, które pozwala zautomatyzować powtarzalne zadania. Możesz „rejestrować” pewne działania (np. kliknięcia myszką i naciśnięcia klawiszy), zapisywać je jako makra, a następnie uruchamiać je w dowolnym momencie za pomocą jednego kliknięcia. Oszczędza to dużo czasu podczas wypełniania formularzy, testowania zmian itp. W przypadku makr poza Chrome zalecamy skrypty AutoHotkey.

Pobierz: iMacros dla Chrome

3. Zegar sieciowy

Web Timer śledzi, ile czasu spędzasz (lub marnujesz) na różnych stronach internetowych, co może pomóc w ograniczeniu tendencji do zwlekania. Śledzi tylko wtedy, gdy Chrome jest w centrum uwagi, i jest wystarczająco inteligentny, aby zatrzymać śledzenie, gdy jesteś bezczynny. Jeśli chcesz po prostu mierzyć czas swojej ogólnej aktywności online bez wchodzenia w szczegóły, wypróbuj jeden z tych bezpłatnych liczników czasu online.

Pobierz: Timer internetowy

4. Niesamowity zrzut ekranu

Awesome Screenshot to wszechstronne rozszerzenie do robienia zrzutów ekranu, nagrywania filmów z ekranu, dodawania adnotacji i rozmycia zrobionych zdjęć oraz udostępniania zrzutów ekranu innym jednym kliknięciem. Jedną z fajnych funkcji jest możliwość zrzutu ekranu całej strony internetowej i połączenia jej w jeden gigantyczny obraz. Jeśli szukasz rozwiązania, które działa również poza Chrome, sprawdź te najlepsze narzędzia do tworzenia zrzutów ekranu.

Pobierz: Niesamowity zrzut ekranu

5. Przyciąganie użytkowników

Usersnap to przydatne rozszerzenie do przechwytywania i opisywania stron internetowych, prototypów i aplikacji bezpośrednio z Chrome. Może pomóc w skutecznym przekazywaniu opinii i zgłaszaniu błędów. To narzędzie może okazać się kluczowe w ulepszaniu produktu końcowego dzięki płynnemu przepływowi informacji zwrotnych.

Pobierz: Usersnap

Rozszerzenia do tworzenia stron internetowych

6. Programista stron internetowych

Jeśli jest jedno rozszerzenie, które instalujesz, aby pomóc w tworzeniu stron internetowych, niech to będzie to. Web Developer jest wyposażony w kilka wygodnych funkcji, w tym przełączanie JavaScript i wtyczek jednym kliknięciem, zmianę rozmiaru okna w celu testowania responsywnych projektów, testowanie i debugowanie obrazów i wiele więcej.

Pobierz: Web Developer

7. Przełącznik User-Agent

Spośród wielu rozszerzeń „przełącznika agenta użytkownika” w Chrome Web Store, to jest jednym z najlepszych. Jest regularnie aktualizowany i nie przechwytuje linków. Ponadto zawiera szereg domyślnych ciągów agenta użytkownika, ale umożliwia także tworzenie niestandardowych ciągów agenta użytkownika. Krótko mówiąc, jest to rozszerzenie, które działa niezawodnie.

Pobieranie: Przełącznik User-Agent

8. Wappalizer

Jeśli chcesz wiedzieć, jakiego rodzaju technologie internetowe zasilają określoną witrynę, Wappalyzer poinformuje Cię o tym jednym kliknięciem. Jest wystarczająco inteligentny, aby wykrywać systemy CMS (np. WordPress), frameworki sieciowe (np. React), narzędzia i narzędzia (np. Google Analytics), platformy e-commerce (np. Shopify) i wiele innych.

Pobierz: Wappalyzer

9. Tab. IE

Microsoft wycofał Internet Explorera. Jeśli jednak Twój projekt z jakiegoś powodu wymaga przetestowania witryny w przeglądarce Internet Explorer, będziesz potrzebować IE Tab, która emuluje IE w nowej karcie i umożliwia testowanie witryn w różnych wersjach, a także formantów ActiveX. Naprawdę przydatne, jeśli chcesz, aby Twoja witryna była kompatybilna ze wszystkimi przeglądarkami, bez względu na wiek.

Pobierz: zakładka IE

10. Kliknij i wyczyść

Podczas tworzenia witryny kilka rzeczy jest bardziej irytujących niż ciągłe czyszczenie danych przeglądania, aby upewnić się, że ładujesz nowe zmiany. Click&Clean nie tylko przyspiesza, ale także zapewnia większą kontrolę nad tym, co możesz wyczyścić (np. usuwanie baz danych i danych wtyczek, przechowywanie plików cookie dla niektórych witryn itp.).

Pobierz: Kliknij i wyczyść

11. Wyszukiwarka czcionek

Wyszukiwarka czcionek to jeden z najłatwiejszych i najskuteczniejszych sposobów identyfikowania czcionek w Internecie. Jedną rzeczą jest kliknięcie elementu prawym przyciskiem myszy, wybranie opcji Sprawdź element, a następnie przejrzenie arkusza stylów, aby znaleźć to, co to jest.

W Wyszukiwarce czcionek wystarczy kliknąć prawym przyciskiem myszy i wybrać Wyszukiwarkę czcionek. Stamtąd możesz uzyskać listę wszystkich czcionek użytych na stronie internetowej lub tylko czcionki użyte w określonej ramce. Możesz nawet otworzyć interaktywną wersję Wyszukiwarki czcionek na dowolnej stronie internetowej, klikając jej rozszerzenie.

Pobierz: Wyszukiwarka czcionek

12. Kroplomierz ColorPick

ColorPick Eyedropper to narzędzie, które pozwala powiększyć i uzyskać dokładny kod koloru dowolnego piksela na dowolnej stronie internetowej. Kod koloru jest dostępny w formacie szesnastkowym, RGB i HSL. Jest to niezwykle wygodne i znacznie szybsze niż sprawdzanie elementów, aby zobaczyć, które kolory są używane w arkuszu stylów lub pobieranie obrazów i wybieranie kolorów w edytorze obrazów.

Pobierz: Kroplomierz ColorPick

13. Generator Lorem Ipsum

Tworząc stronę internetową, w końcu będziesz potrzebować fałszywego tekstu. Generatorów Lorem ipsum jest mnóstwo w sieci, ale Generator Lorem Ipsum jest zawsze dostępny bezpośrednio w bieżącej karcie. Jest szybki i możesz dostosować liczbę akapitów i liczbę zdań w akapicie.

Pobierz: Generator Lorem Ipsum

14. Sprawdź Moje linki

Pod koniec projektu tworzenia stron internetowych będziesz chciał przeprowadzić ostateczną weryfikację wszystkich głównych stron, aby upewnić się, że wszystkie linki działają. Check My Links sprawia, że ​​proces ten jest tak prosty, jak to tylko możliwe. Po prostu kliknij przycisk, a przeskanuje wszystkie linki na bieżącej stronie, a następnie podświetli każdy z nich w zależności od tego, czy jest zepsuty, czy działa.

Pobierz: Sprawdź moje linki

15. Wymiary

Dimensions to bardziej narzędzie do projektowania stron internetowych niż do tworzenia stron internetowych, ale ponieważ oba mają tendencję do nakładania się, prawdopodobnie będziesz chciał użyć tego rozszerzenia. Krótko mówiąc, natychmiast mierzy odległość między dowolnymi dwoma elementami sieci, w tym tekstem, obrazami, filmami i polami formularzy. Może również mierzyć odległość od kursora myszy do dowolnego z obsługiwanych elementów internetowych.

Pobierz: Wymiary

Popraw swój przepływ pracy programistycznej dzięki tym rozszerzeniom

Oprócz powyższych rozszerzeń w sklepie Chrome Web Store znajdziesz wiele rozszerzeń związanych z programowaniem.

Być może opracowałeś obejście tego, co robią niektóre z tych rozszerzeń, ale zalecamy wypróbowanie ich, ponieważ mogą poprawić ogólną wydajność.