Руководство по установке 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, г, е, б, и, г, L, I, Т, Е) если (F.getElementById (б)) возвращение; Е = Р [I + 'NS'] && F. ? documentElement.namespaceURI; Е = Е [я + NS '] (Е, 'скрипт'): Р [I] ( 'скрипт'); Е [г] ( 'идентификатор', б), E [R] ( 'SRC', I + G + T), E [г] (б, и), (е [е] ( 'голова') [0] || Р [е] ( 'тело') [0]). AppendChild (Е); Е = новый% 20Image; Е [г] ( 'SRC', I + L);) (документ, 'createElement', 'SetAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'поджигатель-lite.js', 'релизы / облегченный / последний / кожа / XP / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. Зайдите в опцию закладки и нажмите «Редактировать». Затем выберите закладку «Firebug».

   

5. Удалите оригинальный URL и вставьте букмарклет.

   

6. выберите “Готово” на вашей клавиатуре.

Теперь попробуйте открыть любой веб-сайт и выбрать закладку «Firebug», и вы увидите работающий Firebug в нижней части экрана iPad..

Заключение

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