Które wtyczki do przeglądarek internetowych są przydatne?

Question

Uważam, że podczas tworzenia stron internetowych jest kilka wtyczek do przeglądarek, które są dla mnie bardzo przydatne.

Dla Firefox Używam:

Firebug - Doskonały do ​​kontroli elementów HTML i pracy z CSS.

YSlow for Firebug - Opracowany przez Yahoo! i daje czas i wskazówki na temat zasobów strony.

Live HTTP headers - Umożliwia sprawdzenie nagłówków wysyłanych do przeglądarki.

dla IE używam:

Fiddler - "Web Debugging Proxy, który rejestruje wszystkie HTTP (S) ruch między komputerem i Internetem"

Ja zawsze szuka innych wielkich narzędzi służących . Więc czego używają wszyscy inni?

Answer 1

IE Developer Toolbar
Venkman debugger for Firefox

Answer 2

Oprócz tego, co masz:

Web Developer toolbar dodaje dużo dodatkowych funkcji (cookie, formy kontroli obrazu, przeglądanie generowane DOM, etc).

HTML Validator - doskonale nadaje się do szybkiego sprawdzenia, czy strony są prawidłowe. Dobrze, gdy pojawiają się błędy wyświetlania, możesz szybko sprawdzić, czy pochodzą one z nieprawidłowo wygenerowanego kodu HTML.

ColorZilla - Używam tego dużo, aby wyciągnąć dokładne kolory ze strony do schowka.

Answer 3

Fireshot - wykonuje zrzuty ekranu i opisuje je wygodnie, pomocne.

Answer 4

Firecookie i console 2

Answer 5

Jak o twitterfox pomóc twitter z kolegów programistów i przyjaciół.

Answer 6

Extended Statusbar modyfikuje paska stanu, aby pokazać szybkość, odsetek, czasu i rozmiaru załadowanego (przydatne dla widząc, jak wiele obrazów są ładowane, masę stron, etc)

ShowIP wyświetla adres IP bieżącej strony w pasek stanu

external IP Wyświetla swój zewnętrzny adres IP w pasku stanu

na marginesie, ja również znaleźć przydatne do prowadzenia tych rozszerzeń w FirefoxPortable, tak że mam konfigurację przeglądarki specjalnie do prac rozwojowych dowcip h zainstalowane odpowiednie rozszerzenia i uniknięcie spowolnienia lub destabilizacji mojej podstawowej przeglądarki (np. Firebug przez cały czas zawieszał przeglądarkę podczas uzyskiwania dostępu do Gmaila).

Answer 7

URL Params (rozszerzenie przeglądarki Firefox), aby wyświetlić parametry POST i GET strony internetowej. Przydatny przy sprawdzaniu formularzy.

Answer 8

MeasureIt

Dla uzyskania dokładnego rozmiaru elementów wykonywanych na stronie w FF.

Answer 9

HttpFox

Answer 10

Firebug - Także niech mi zobaczyć wnioski JS wysyłane z jednej strony na drugą, a które dane są wysyłane.
- Widzę dane wewnątrz zmiennych JS
- Zastępuje konsolę błędów. Występuje również w posągu, jeśli wykrył błąd, więc mogę go obejrzeć.
- Dobry do zobaczenia struktury html podczas tworzenia aplikacji AJAX.

Answer 11

Ten, który uniemożliwia dostęp do StackOverflow jest całkiem przydatny.

Answer 12

Wszystko to są wtyczki do Firefox.

• do debugowania kodu JavaScript i CSS. Firebug pozwala na przykład na sprawdzenie drzewa DOM, podczas gdy javascript je modyfikuje. Firebug to moje główne narzędzie.

• Live HTTP Headers za sprawdzenie, jakie dane faktycznie znajdują się w żądaniu i odpowiedziach.

• Web Developer toolbar zawiera mniejsze narzędzia. Na przykład może sprawdzić poprawność html i CSS.

• Dust Me Selectors stwierdza, które kawałki CSS są nieużywane.