Керівництво по встановленню Firebug в основних браузерах і пристроях iOS

Firebug - це надбудова Firefox з простими інструментами для перевірки елемента веб-сторінки, налагодження та розробки веб-сторінок. Проте ці засоби не можна використовувати на інших веб-переглядачах, окрім Firefox.

Розробка подібного інструменту для інших браузерів може зайняти важку роботу, але це буде дуже корисно, якщо ви можете отримати Firebug працювати на інших браузерах теж, враховуючи, що у кожного є свої бажані браузери..

Добре, ось де Firebug Lite приходить, щоб вирішити ваші потреби. Firebug Lite - це простіша версія Firebug, але вона може використовуватися на IE, Opera, Chrome, Safari, iPad і iPhone, зберігаючи схожі параметри та функції.

Встановлення Firebug Lite на Opera, Safari & Chrome

З Firebug Lite немає необхідності в інсталяції. Написані в Java Script, ви можете створити закладку Firebug Lite, і вона буде готова для перевірки сторінки. Так що вам потрібно зробити, це просто закладка посилання нижче (ви також можете перетягнути посилання на панель закладок веб-переглядача).

Firebug Lite

Якщо ви використовуєте веб-переглядач Chrome, закладка має відображатись нижче, якщо панель закладок буде видимою.

Саме це, ваш Firebug Lite тепер повинен працювати, коли вам потрібно його використовувати.

Використання Firebug Lite в Opera, Safari і Chrome

Тепер ви можете використовувати Firebug Lite для перевірки практично будь-якої веб-сторінки. У цьому прикладі ми будемо використовувати Wikipedia.org.

Після завантаження веб-сторінки натисніть на закладку Firebug Lite, яку ви зберегли раніше, і внизу веб-сторінки з'явиться вікно консолі.

Якщо ми закриваємо, це те, що ви побачите в лівому нижньому куті сторінки.

Тепер ви можете бачити (+) і (-) в початковій точці багатьох рядків. Значення (+) означає, що під одним лайнером html є більше рядків, і якщо ви виділите рядок, ви побачите, яку частину сторінки вона представляє.

Але якщо ви бажаєте полегшити виявлення рядків, представлених будь-яким текстом, фотографією, посиланням або іншими елементами на самій веб-сторінці, натисніть кнопку "Перевірити".

Тепер ви можете навести курсор миші на будь-яку частину елементів, доступних на веб-сторінці, і ви побачите лінію HTML. Це полегшує вам інспектування.

Встановлення Firebug Lite на iPad і iPhone

Закладки не дуже добре поєднуються з iPad і iPhone. Щоб встановити Firebug Lite на iPad і iPhone, виконайте наведені нижче дії.

1. Закладка цієї сторінки на iPad або iPhone.

   

2. Перейменуйте закладку на "Firebug".

   

3. Виберіть і скопіюйте весь сценарій нижче.

   javascript: (функція (F, i, r, e, b, u, g, L, I, T, E) if (F.getElementById (b)) повертається; E = F [i + 'NS'] && F. documentElement.namespaceURI; E = E? F [i + 'NS'] (E, 'script'): F [i] ('script'); E [r] ('id', b); 'src', I + g + T), E [r] (b, u) (F [e] ('head') [0] || F [e] ('тіло') [0]). appendChild (E); E = new% 20Image; E [r] ('src', I + L);) (документ, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened ');

4. Перейдіть до пункту закладки та натисніть "Редагувати". Потім виберіть закладку "Firebug".

   

5. Видаліть оригінальну URL-адресу та вставте закладку.

   

6. Виберіть “Виконано” на клавіатурі.

Тепер спробуйте відкрити будь-який веб-сайт і виберіть закладку "Firebug", і в нижній частині екрана iPad відобразиться функціональний Firebug.

Висновок

Firebug Lite є досить хорошим, щоб зробити швидку інспекцію сторінки. Ви можете переглянути html, css та будь-який інший скрипт, який використовується для створення веб-сторінки. Хоча Chrome має власне розширення для веб-розробників, Firebug Lite не розчаровує милю.