Debugger podobny do Firebuga dla Google Chrome

Question

Czy istnieje coś takiego jak Firebug, którego można używać w przeglądarce Google Chrome?

Zasadnicze cechy Chciałbym:

• Sprawdź źródło HTML (wybierz elementy, usuwać itd.)
• wartości check CSS (wbudowany rozwiązanie jest dziwne, jakoś)

Answer 1

W Chrome jest już wbudowane narzędzie podobne do Firebug. Kliknij prawym przyciskiem myszy w dowolnym miejscu na stronie i wybierz "Inspect element" z menu. Chrome ma graficzne narzędzie do debugowania (jak w Firebug), więc możesz debugować JavaScript. Wykonuje również dobrze inspekcję CSS, a nawet może zmieniać rendering CSS w locie.

Aby uzyskać więcej informacji, zobacz https://developers.google.com/chrome-developer-tools/

Answer 2

Firebug Lite obsługuje do kontroli elementów HTML, obliczony styl CSS, i wiele więcej. Ponieważ jest to czysty JavaScript, działa w wielu różnych przeglądarkach. Wystarczy dołączyć skrypt do źródła lub dodać skryptozakładkę do paska zakładek, aby umieścić go na dowolnej stronie za pomocą jednego kliknięcia.

http://getfirebug.com/lite.html

Answer 3

lub spróbuj skrypty użytkownika: http://dev.chromium.org/developers/design-documents/user-scripts

Answer 4

dobrze, to jest możliwe, aby umożliwić Greasemonkey skrypty dla Google Chrome, więc może jest to sposób na rodzaj zainstalować Firebug za pomocą tej metody? Firebug Lite będzie również działać, ale to nie tylko to samo uczucie jak przy użyciu w pełni funkcjonalnym jeden :(

willshouse.com/2009/05/29/install-greasemonkey-for-chrome-a-better-guide/

Answer 5

można ustawić ten bookmarklet w „Zakładki Bar”, aby mieć Firebug Lite zawsze dostępne w przeglądarce Chrome/Chromium (wkleja to jako URL):

javascript:var firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug); 

Answer 6

Spróbuj tego, to się nazywa Firebug Lite i podobno działa w wersji beta Chrome:

Można go również znaleźć pod adresem: https://chrome.google.com/extensions/

Answer 7

Oficjalne rozszerzenie Firebug do Chrome lub możesz samodzielnie pobrać i spakować rozszerzenie.

https://getfirebug.com/releases/lite/chrome/

Answer 8

To nie jest odpowiedź na pytanie, ale w przypadku, gdy go brakowało, Chris Pederick na Web Developer jest teraz dostępny dla Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm.

Answer 9

jQuerify to doskonałe rozszerzenie do osadzania jQuery w Konsoli Chrome i jest tak proste, jak można sobie wyobrazić. To rozszerzenie wskazuje również, czy jQuery został już osadzony na stronie.

To rozszerzenie służy do osadzania jQuery na dowolnej stronie. Pozwala to na używanie jQuery w powłoce konsoli (Możesz wywołać konsolę Chrome przez Ctrl + Shift + j ".).

Aby osadzić jQuery w wybranej zakładce, kliknij przycisk rozszerzenia.

Answer 10

Jeśli używasz Chromium na Ubuntu używając nocnych PPA, to należy mieć chromium-browser-inspector

Answer 11

Spróbuj Firebug Lite for Google Chrome

Answer 12

Wystarczy dodać kilka punktów rozmawiać jak ktoś, kto używa Firebug/Chrome Inspector codziennie:

1. w chwili pisania tego tekstu, nie tylko Google DOM inspector i nie nie ma wszystkich funkcji Firebug

2. Inspektor to "lite" wersja Firebug: Interfejs nie jest tak dobry IMO, kontrola elementów w obu najnowszych wersjach jest teraz niezgrabna, ale Firebug jest jeszcze lepszy; Próbuję znaleźć miłość do Chrome (ponieważ jest to lepsze, szybsze działanie przeglądarki), ale dla prac programistycznych wciąż jest dla mnie do niczego.

3. Podgląd na żywo/modyfikacja DOM/CSS jest jeszcze lepszy w Firebug; obliczony CSS i widok modelu skrzynki są lepsze w Firebug;

4. Jakoś łatwiej jest odczytywać/używać Firebuga ze względu na łatwość poruszania się, manipulowania/modyfikowania dokumentu w kilku kluczowych obszarach? Kto wie. Jestem przyzwyczajony do interfejsu i myślę, że Chrome Inspector nie jest tak dobry, chociaż jest to subiektywna rzecz, którą przyznaję.

5. Zakładki Cookies/Net są dla mnie niezwykle przydatne w Firebug. Może Chrome Inspector ma to teraz? Ostatnim razem, gdy to sprawdzałem, nie, ponieważ Chrome aktualizuje się w tle bez interwencji użytkownika (domyślnie uzyskuje swoją zgodę, tak jak wszyscy dobrzy panowie).

6. Ostatni punkt: Dzień, w którym Google Chrome staje się w pełni funkcjonalny Firebug jest dzień Firefox zasadzie umiera dla programistów, ponieważ Firefox miał 3 lata, aby silnik układu Firefoksa Gecko tak szybko jak WebKit a oni nie. Przepraszam, mówiąc to bez ogródek, ale to prawda.

Widzisz, teraz każdy chce odejść od Flash zamiast jQuery motywowane przez telefon dostępności i interaktywności (iPhone, iPad, Android) i JavaScript jest „nagle” wielka sprawa (to sarkazm), więc ten statek przepłynął, Firefox. I to mnie smuci, jako fanpage Mozilli. Chrome jest po prostu lepszą przeglądarką, dopóki Firefox nie zaktualizuje silnika JavaScript.

Answer 13

F12

Kocham skrótów klawiaturowych

Answer 14

F12 (tylko w systemach Linux i Windows)

LUB

Ctrl⇧ja

(⌥⌘I jeśli jesteś na Macu)

Answer 15

Zapomnieć wszystko, czego wszystkie potrzeby ta przeglądarka niezależny inspektor dom Updater

https://goggles.webmaker.org/en-US

tylko wybierz zakładkę i przejdź do dowolnej strony internetowej i kliknij tę zakładkę ..

to w rzeczywistości Gogle projektów Mozilla, niesamowite niesamowite zdumiewające ...