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

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

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

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

Ответ 1

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

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

Ответ 2

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

http://getfirebug.com/lite.html

Ответ 3

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

На момент написания статьи был только инспектор Google DOM, и у него нет всех функций Firebug
Инспектор - это "облегченная" версия Firebug: интерфейс не такой хороший IMO, проверка элементов в обеих последних версиях теперь неуклюжая, но Firebug по-прежнему лучше; Я пытаюсь найти любовь к Chrome (так как это лучший, более быстрый браузер), но для работы над разработкой он все еще просто отстой для меня.
Предварительный просмотр/изменение DOM/CSS еще лучше в Firebug; расчетный CSS и вид окна коробки лучше в Firebug;
Как-то проще читать/использовать Firebug, возможно, из-за простоты навигации, манипулирования/изменения документа в нескольких ключевых областях? Кто знает. Я привык к интерфейсу, и я думаю, что Chrome Inspector не так хорош, хотя это субъективная вещь, которую я допускаю.
Вкладка Cookies/Net чрезвычайно полезна для меня в Firebug. Может быть, у Chrome Inspector есть это сейчас? В прошлый раз, когда я его не проверял, потому что Chrome обновляется в фоновом режиме без вашего вмешательства (получает ваше согласие по умолчанию, как и все хорошие повелители).
Последний момент: день, когда Google Chrome получает полнофункциональный Firebug, - это тот день, когда Firefox в основном умирает для разработчиков, потому что Firefox уже 3 года, чтобы сделать механизм компоновки Firefox Gecko так быстро, как WebKit, и они этого не сделали. Извините, что так грубо, но это правда.

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

Ответ 4

F12

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

Ответ 5

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

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

Ответ 6

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

Ответ 7

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

Ответ 8

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

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

Ответ 9

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

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

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

Ответ 10

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

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

Ответ 11

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

Ответ 12

F12 (только для Linux и Windows)

ИЛИ

Ctrl ⇧ I

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

Ответ 13

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

Ответ 14

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

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

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

На самом деле это проект Mozilla Project Goggles, потрясающий потрясающий...

Ответ 15

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