Отладчик типа 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

Просто добавляю несколько тем для обсуждения от лица, использующего 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, которое максимально просто представлять себе. Это расширение также указывает, был ли 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/bfbameneiokkgbdmkhm / а>.

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

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

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

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

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

ИЛИ

Ctrl ⇧ I

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

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

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