Как установить Firebug в основных браузерах и устройствах iOS

поджигатель это дополнение к Firefox с классными инструментами для проверки элементов веб-страницы, отладки и разработки веб-страниц. Однако вы не можете использовать эти инструменты в других браузерах, кроме Firefox.

Разработка аналогичного инструмента для других браузеров может потребовать тяжелой работы, но будет очень полезно, если вы сможете заставить Firebug работать и в других браузерах, учитывая, что у каждого есть свои предпочтительные браузеры.

Ну вот где Firebug Lite приходит, чтобы решить ваши потребности. Firebug Lite – это более простая версия Firebug, но ее можно использовать в IE, Opera, Chrome, Safari, iPad и iPhone, сохраняя при этом аналогичные параметры и функции.

Рекомендуемое чтение: 40 полезных приложений для iPad для веб-дизайнеров

Установка 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; Е = Е?[i+’NS’](E, ‘скрипт’): F[i]( ‘Сценарий’); E[r](‘я бы[r]( ‘SRC’, I + G + T), E[r](Б, и); (Р[e](‘глава’)[0]|| F[e]( ‘Тело’)[0]) .AppendChild (Е); Е = новый% 20Image; Е[r]( ‘SRC’, I + L);}) (документ, ‘createElement’, ‘SetAttribute’, ‘getElementsByTagName’, ‘FirebugLite’, ‘4’, ‘Firebug-lite.js’, ‘релизы / Lite / последняя / кожа / XP / sprite.png», ‘https: //getfirebug.com/’,’#startOpened’);
4. Зайдите в опцию закладки и нажмите «Редактировать». Затем выберите закладку «Firebug».



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



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

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