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


поджигатель это дополнение к 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Вот и все, ваш Firebug Lite теперь должен работать, когда вам нужно его использовать.
Использование Firebug Lite в Opera, Safari и Chrome
Теперь вы можете использовать Firebug Lite для проверки практически любой веб-страницы. Для этого примера мы будем использовать Wikipedia.org.

Когда веб-страница загружена, нажмите на закладку Firebug Lite, которую вы сохранили ранее, и в нижней части веб-страницы появится окно с консолью.
Firebug ConsolЕсли мы закроемся, это то, что вы увидите в левом нижнем углу страницы.
Firebug Consol Крупным планомТеперь вы можете увидеть (+) и (-) в начальной точке множества строк. (+) Означает, что под однострочником html закрыто больше строк, и если вы выделите строку, вы увидите, какую часть страницы она представляет.
Выделенные линииНо если вы хотите упростить обнаружение линий, представленных любым текстом, фотографией, ссылкой или любыми другими элементами на самой веб-странице, нажмите кнопку «Проверить».
Проверьте Теперь вы можете навести курсор мыши на любую часть элементов, доступных на веб-странице, и вы увидите выделенную строку html. Это облегчает вам проверку.
Осмотреть выделенныйУстановка Firebug Lite на iPad или iPhone
Букмарклеты не очень хорошо подходят для iPad и iPhone. Чтобы установить Firebug Lite на iPad и iPhone, вот как:

  1. Добавьте эту страницу в закладки на вашем iPad или iPhone.
  2. Firebug Закладка для iPad

  3. Переименуйте закладку в «Firebug».
  4. Firebug Bookmark Rename

  5. Выберите и скопируйте весь скрипт ниже
    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’);
  6. Зайдите в опцию закладки и нажмите «Редактировать». Затем выберите закладку «Firebug».
  7. Закладка Firebug Править

  8. Удалите оригинальный URL и вставьте букмарклет.
  9. Firebug Закладка Паста

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

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


0 Comments

Добавить комментарий