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

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

http://getfirebug.com/lite.html

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

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

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

3. Live preview / модификация 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. И это мне грустно, как fanperson от 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/bfbameneiokkgbdmiekhjnmfkcnldhhm.

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

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

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

Это на самом деле Mozilla project очки, удивительно удивительно удивительно...

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

или

Ctrl ⇧ Я

(⌥ ⌘ Я Если вы на Mac)

пожалуйста Firebug Lite для Google Chrome

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