Debuger podobny do Firebug dla Google Chrome

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

Najważniejsze cechy, które chciałbym:

• Sprawdź źródło HTML (wybierz elementy, usuń je itp.)
• sprawdź wartości CSS (jakoś wbudowane rozwiązanie jest dziwne)

W Chrome jest już narzędzie podobne do Firebuga. Kliknij prawym przyciskiem myszy dowolne miejsce na stronie i wybierz z menu opcję „Sprawdź element”. Chrome ma graficzne narzędzie do debugowania (jak w Firebug), dzięki czemu możesz debugować JavaScript. Sprawdza również dobrze CSS, a nawet może zmieniać renderowanie CSS w locie.

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

Firebug Lite obsługuje sprawdzanie elementów HTML, obliczonego stylu CSS i wiele więcej. Ponieważ jest to czysty JavaScript, działa w wielu różnych przeglądarkach. Po prostu dołącz skrypt do źródła lub dodaj bookmarklet do paska zakładek, aby umieścić go na dowolnej stronie jednym kliknięciem.

http://getfirebug.com/lite.html

Po prostu dodając kilka punktów do rozmowy jako ktoś, kto korzysta z Firebug / Chrome Inspector na co dzień:

1. W chwili pisania tego tekstu jest tylko inspektor DOM Google i nie, nie ma wszystkich funkcji Firebug

2. Inspector to „lite” wersja Firebug: Interfejs nie jest tak dobry IMO, kontrola elementów w obu ostatnich wersjach jest teraz niezgrabna, ale Firebug jest jeszcze lepszy; Próbuję znaleźć miłość do Chrome (ponieważ jest to lepsza, szybsza przeglądarka), ale do prac programistycznych wciąż jest dla mnie do kitu.

3. Podgląd na żywo / modyfikacja DOM / CSS jest wciąż znacznie lepszy w Firebug; obliczony CSS i widok modelu pudełka są lepsze w Firebug;

4. Jakoś łatwiej jest czytać / używać Firebuga, może ze względu na łatwość nawigacji, manipulacji / modyfikacji dokumentu w kilku kluczowych obszarach? Kto wie. Jestem przyzwyczajony do interfejsu i myślę, że Chrome Inspector nie jest tak dobry, chociaż przyznaję, że jest to subiektywna rzecz.

5. Karta Pliki cookie / sieć są dla mnie bardzo przydatne w Firebug. Może Chrome Inspector ma to teraz? Ostatnim razem sprawdziłem, że nie, ponieważ Chrome aktualizuje się w tle bez Twojej interwencji (domyślnie dostaje twoją zgodę, jak wszyscy dobrzy panowie).

6. Ostatni punkt: dzień, w którym Google Chrome otrzyma w pełni funkcjonalny Firebug, to dzień, w którym Firefox zasadniczo umiera dla programistów, ponieważ Firefox miał 3 lata na uczynienie silnika układu Firefoksa Gecko tak szybkim jak WebKit, a nie zrobili tego. Przepraszam, że tak otwarcie to wyrażam, ale to prawda.

Widzicie, teraz każdy chce odejść od Flasha zamiast jQuery motywowanego mobilnością i interaktywnością (iPhone, iPad, Android), a JavaScript to „nagle” wielka sprawa (to sarkazm), więc statek wypłynął, Firefox. I to mnie smuci, jako fan Mozilli. Chrome jest po prostu lepszą przeglądarką, dopóki Firefox nie zaktualizuje silnika JavaScript.

F12

Uwielbiam klawisze skrótu

Wypróbuj to, nazywa się Firebug Lite i najwyraźniej działa z wersją beta Chrome.

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

Możesz ustawić tę bookmarklet na swoim „pasku zakładek”, aby Firebug Lite zawsze był dostępny w przeglądarce Chrome / Chromium (wstaw jako adres 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);

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

jQuerify to idealne rozszerzenie do osadzenia jQuery w konsoli Chrome i jest tak proste, jak możesz sobie wyobrazić. To rozszerzenie wskazuje również, czy jQuery zostało już osadzone na stronie.

To rozszerzenie służy do osadzenia jQuery na dowolnej stronie. Pozwala na użycie jQuery w powłoce konsoli (konsolę Chrome można wywołać za pomocą Ctrl+ Shift+j ”.).

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

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

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

Możliwe jest włączenie skryptów Greasemonkey dla Google Chrome, więc może istnieje sposób na zainstalowanie Firebug za pomocą tej metody? Firebug Lite również by działał, ale to nie jest to samo uczucie, co w przypadku korzystania z pełnej wersji :(

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

To nie odpowiada na twoje pytanie, ale jeśli je przegapiłeś, programista Chris Pederick Web Developer jest teraz dostępny dla Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm .

Zapomnij o wszystkim, czego potrzebujesz, ten niezależny od przeglądarki inspektor, dom Updater

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

po prostu dodaj zakładkę i przejdź do dowolnej strony internetowej i kliknij tę zakładkę ..

to właściwie Gogle projektu Mozilli, niesamowite niesamowite niesamowite ...

F12 (tylko w systemie Linux i Windows)

LUB

Ctrl ⇧ I

( ⌥ ⌘ Ijeśli korzystasz z komputera Mac)

Spróbuj Firebug Lite dla Google Chrome

Jeśli używasz Chromium na Ubuntu przy użyciu nocnego ppa, powinieneś mieć chromium-browser-inspector