Firebug-налагоджувач для Google Chrome

Чи є щось подібне до Firebug, яке ви можете використовувати в Google Chrome?

Основні особливості, які я хотів би:

• Перевірте джерело HTML (виберіть елементи, видаліть їх тощо)
• перевірити значення CSS (вбудоване рішення якось дивно)

У 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. Інспектор - це "легка" версія Firebug: Інтерфейс не настільки хороший ІМО, огляд елементів в обох останніх версіях тепер незграбний, але Firebug все ще кращий; Мені здається, що я намагаюся знайти любов до Chrome (оскільки це кращий і швидший досвід роботи в браузері), але для роботи над розробкою це все ще просто мені підходить.

3. Попередній перегляд / модифікація DOM / CSS все ще краще в Firebug; розрахований CSS і перегляд моделі коробки краще в Firebug;

4. Чомусь просто легше читати / використовувати Firebug, можливо, через простоту навігації, маніпулювання / зміни документа в кількох ключових областях? Хто знає. Я звик до інтерфейсу, і я думаю, що інспектор Chrome не такий хороший, хоча це я визнаю суб'єктивно.

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/

Це не відповідає на ваше запитання, але, якщо ви його пропустили, веб-розробник Chris Pederick тепер доступний для Chrome: https://chrome.google.com/extensions/detail/bfbameneiokkgbdmiekhjnmfkcnldhhm .

Забудьте про все, що вам потрібно, це незалежний інспектор браузера, оновник дому

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

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

це насправді окуляри проекту Mozilla, дивовижні дивовижні дивовижні ...

F12 (лише для Linux та Windows)

АБО

Ctrl ⇧ I

( ⌥ ⌘ Iякщо ви на Mac)

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

Якщо ви використовуєте Chromium на Ubuntu за допомогою нічного ppa, тоді у вас повинен бути chromium-browser-inspector