Ръководство за инсталиране на 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

Bookmarklets наистина не вървят добре с iPad и iPhone. За да имате инсталиран Firebug Lite на iPad и iPhone, ето как:

Запомнете тази страница на вашия iPad или iPhone.
Преименувайте отметката на „Firebug“.

Изберете и копирайте целия скрипт по-долу.

JavaScript: (функция (F, I, R, Е, б, ф, G, L, I, Т, Е) ако (F.getElementById (б)) връщане; Е = F [Ь + "NS"] && F. ? documentElement.namespaceURI; Е = Д Е [п + "NS"] (Е, "скрипт"): F [Ь] ( "скрипт") Е [п] ( "ID", б) Е [п] ( "SRC", I + г + T) Е [п] (б, ф); (F [е] ( "глава") [0] || F [е] ( "тяло") [0]). appendChild (Е) Е = нови% 20Image Е [п] ( "SRC", I + L);) (документ, "createElement", "setAttribute", "getElementsByTagName", "FirebugLite ',' 4 ', "подпалвач-lite.js", "пресата / Lite / последна / кожа / XP / sprite.png", "HTTPS: //getfirebug.com/','#startOpened ');

Отидете на опцията за отметка и натиснете "Редактиране". След това изберете отметка "Firebug".
Премахнете оригиналния URL адрес и го поставете.
Избирам “Свършен” на клавиатурата.

Сега опитайте да отворите всеки уебсайт и изберете отметка „Firebug“ и ще видите функциониращ Firebug в долната част на екрана на iPad.

заключение

Firebug Lite е доста добър, за да направи бърза проверка на страницата. Можете да видите html, css и всеки скрипт, използван за изграждане на уеб страницата. Въпреки че Chrome има собствено разширение за уеб разработчици, Firebug Lite не разочарова от една миля.