Firebug-подобный отладчик для Google Chrome
есть ли что-нибудь вроде Firebug, который вы можете использовать в Google Chrome?
основные характеристики я хотел бы:
- Inspect HTML source (выберите элементы, удалите их и т. д.)
- проверьте значения CSS (встроенное решение странно, как-то)
15 ответов
есть Firebug-подобный инструмент, уже встроенный в Chrome. Просто щелкните правой кнопкой мыши в любом месте страницы и выберите "проверить элемент" из меню. Chrome имеет графический инструмент для отладки (например, Firebug), поэтому вы можете отлаживать JavaScript. Он также хорошо выполняет проверку CSS и может даже изменять рендеринг CSS на лету.
дополнительные сведения см. В разделе https://developers.google.com/chrome-developer-tools/
Firebug Lite поддерживает проверку HTML-элементов, вычисленного стиля CSS и многое другое. Поскольку это чистый JavaScript, он работает во многих разных браузерах. Просто включите сценарий в свой источник или добавьте букмарклет в панель закладок, чтобы включить его на любую страницу одним щелчком мыши.
просто добавив некоторые тезисы как кто-то, кто использует Firebug / Chrome Инспектор каждый день:
на момент написания статьи, есть только инспектор Google DOM и нет, он не имеет всех функций Firebug
инспектор-это "облегченная" версия Firebug: интерфейс не так хорош IMO, проверка элементов в обеих последних версиях теперь неуклюжая, но Firebug все же лучше; я пытаюсь найти любовь к Chrome (поскольку это лучший, более быстрый браузер), но для разработки он все еще просто отстой для меня.
Live preview / модификация DOM / CSS по-прежнему лучше в Firebug; расчетный CSS и вид модели коробки лучше в Firebug;
Как-то проще читать/использовать Firebug может быть, из-за простоты навигации, манипулирования/изменения документа в нескольких ключевых областях? Кто знает. Я привык к интерфейсу и я думаю, Chrome Inspector не так хорош, хотя это субъективная вещь, которую я признаю.
вкладка Cookies/Net чрезвычайно полезна для меня в Firebug. Может быть, у Chrome Inspector есть это сейчас? В прошлый раз я проверил, что это не так, потому что Chrome обновляет себя в фоновом режиме без вашего вмешательства (получает ваше согласие по умолчанию, как и все хорошие оверлорды).
последний момент: день, когда Google Chrome получает полнофункциональный Firebug-это день Firefox в основном умирает для разработчиков, потому что Firefox имел 3 года, чтобы сделать движок компоновки Firefox Гекко так же быстро, как WebKit
вы видите, теперь все хотят отойти от Flash вместо jQuery, мотивированного мобильной доступностью и интерактивностью (iPhone, iPad, Android), и JavaScript "внезапно" большое дело (это сарказм), так что корабль отплыл, Firefox. И это мне грустно, как fanperson от Mozilla. Chrome-это просто лучший браузер, пока Firefox не обновит свой движок JavaScript.
попробуйте это, это называется 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 в выбранную вкладку нажмите на кнопку расширения.
Ну, можно включить 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 project очки, удивительно удивительно удивительно...
Если вы используете хром на Ubuntu с помощью ночного ppa, то вы должны иметь chromium-browser-inspector