Firebug-подобный отладчик для Google Chrome

Есть ли что-то вроде Firebug, которое вы можете использовать в Google Chrome?

Основные функции, которые я хотел бы:

• Проверить исходный код HTML (выбрать элементы, удалить их и т. Д.)
• проверить значения CSS (встроенное решение как-то странно)

В Chrome уже встроен инструмент, похожий на Firebug. Просто щелкните правой кнопкой мыши в любом месте страницы и выберите «Проверить элемент» в меню. В Chrome есть графический инструмент для отладки (как в Firebug), поэтому вы можете отлаживать JavaScript. Он также хорошо проверяет CSS и может даже изменить рендеринг CSS на лету.

Для получения дополнительной информации см. Https://developers.google.com/chrome-developer-tools/.

Firebug Lite поддерживает проверку элементов HTML, вычисленный стиль CSS и многое другое. Поскольку это чистый JavaScript, он работает во многих различных браузерах. Просто включите скрипт в исходный код или добавьте букмарклет на панель закладок, чтобы одним щелчком мыши включить его на любую страницу.

http://getfirebug.com/lite.html

Просто добавьте некоторые темы для разговора, как кто-то, кто использует Firebug / Chrome Inspector каждый день:

1. На момент написания этой статьи есть только инспектор Google DOM, и он не обладает всеми функциями Firebug.

2. Inspector - это «облегченная» версия Firebug: интерфейс не так хорош для IMO, проверка элементов в обеих последних версиях теперь неуклюжа, но Firebug все еще лучше; Я пытаюсь найти любовь к Chrome (так как это лучший, более быстрый браузер), но для разработки он мне просто не нужен.

3. Просмотр в реальном времени / модификация DOM / CSS все еще намного лучше в Firebug; рассчитанный CSS и представление блочной модели лучше в Firebug;

4. Каким-то образом просто читать / использовать Firebug проще, может быть, из-за простоты навигации, манипулирования / изменения документа в нескольких ключевых областях? Кто знает. Я привык к интерфейсу и думаю, что Chrome Inspector не так хорош, хотя это субъективная вещь, которую я признаю.

5. Вкладка Cookies / Net чрезвычайно полезна для меня в Firebug. Может быть, Chrome Inspector имеет это сейчас? В прошлый раз, когда я это проверял, это не так, потому что Chrome обновляется в фоновом режиме без вашего вмешательства (по умолчанию получает ваше согласие, как и все хорошие повелители).

6. Последнее замечание: день, когда Google Chrome получит полнофункциональный Firebug, - это день, когда Firefox в основном умирает для разработчиков, потому что у Firefox было 3 года, чтобы сделать движок макета Firefox Gecko столь же быстрым, как и WebKit, а они этого не сделали. Извините, что так прямо, но это правда.

Видите ли, теперь все хотят отойти от Flash вместо jQuery, мотивированного мобильной доступностью и интерактивностью (iPhone, iPad, Android), и JavaScript «внезапно» становится большой проблемой (это сарказм), так что этот корабль отплыл, Firefox. И это огорчает меня, как фаната Mozilla. Chrome - просто лучший браузер, пока Firefox не обновит свой движок JavaScript.

F12

Я люблю короткие клавиши

Попробуйте это, он называется Firebug Lite и, очевидно, работает с бета-версией Chrome.

Вы также можете найти его по адресу: https://chrome.google.com/extensions/

Вы можете установить этот букмарклет на своей «Панели закладок», чтобы Firebug lite всегда был доступен в браузере Chrome / Chromium (укажите это как 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);

Или попробуйте пользовательские скрипты: http://dev.chromium.org/developers/design-documents/user-scripts

jQuerify является идеальным расширением для встраивания jQuery в Chrome Console и настолько прост, насколько вы можете себе представить. Это расширение также указывает, был ли jQuery уже встроен в страницу.

Это расширение используется для встраивания jQuery в любую страницу, которую вы хотите. Это позволяет использовать jQuery в консольной оболочке (Вы можете вызвать консоль Chrome с помощью Ctrl+ Shift+ j.).

Чтобы встроить jQuery в выбранную вкладку, нажмите на кнопку расширения.

Официальное расширение Firebug Chrome или вы можете скачать и упаковать расширение самостоятельно.

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

Ну, есть возможность включить скрипты Greasemonkey для Google Chrome, так что, возможно, есть способ установить Firebug, используя этот метод? Firebug Lite также будет работать, но это не то же самое, что использование полнофункционального :(

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

Это не отвечает на ваш вопрос, но, если вы пропустили его, веб-разработчик Криса Педерика теперь доступен для Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm .

Забудьте все, что вам всем нужно, этот независимый браузер инспектор, Dom Updater

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

просто добавьте закладку и перейдите на любую веб-страницу и нажмите эту закладку.

на самом деле это проект Mozilla Goggles, удивительно удивительно удивительно ...

F12 (только в Linux и Windows)

ИЛИ

Ctrl ⇧ I

( ⌥ ⌘ Iесли вы на Mac)

Пожалуйста, попробуйте Firebug Lite для Google Chrome

Если вы используете Chromium в Ubuntu с использованием ночного ppa, вы должны иметь chromium-browser-inspector