Отладчик, похожий на Firebug, для Google Chrome

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

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

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

http://getfirebug.com/lite.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Просто добавлю несколько тем для разговора от того, кто использует 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 Геккон таким же быстрым, как WebKit, а они этого не сделали. Извините, что так прямо выражаюсь, но это правда.

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

F12

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

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

ИЛИ ЖЕ

Ctrl ⇧I

(⌥⌘I, если вы используете Mac)

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

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

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

это на самом деле очки проекта Mozilla, потрясающие, потрясающие, потрясающие ...