Как да инсталирате допълнение към Firebug на Safari

Firebug е много популярно допълнение към Firefox, което ви позволява да изследвате и променяте елементи на уеб страница. С него ще научите как са изградени уеб страници. Той също така ще помогне с отстраняването на грешки в собствения си проект. Инструменти за разработка на софтуер за Safari предоставят подобна функция. Можете също да използвате Lite за Firebug, за да изтеглите опростената версия на Firebug на всеки уебсайт.

Стъпка

Метод 1 от 2:

Инструменти за разработка за сафари

един. Кликнете върху менюто Safari и изберете "Настройки". Safari включва набор от инструменти за разработка на приложения, подобни на това, което е в Firebug. Така че можете да работите с тях, те трябва първо да се включат.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 2

2. Кликнете върху раздела за добавките. Така ще отворите опциите за усъвършенствани браузър.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 3

3. Поставете полето до менюто "Покажи Разработване" в лентата с менюта. Чрез това ще активирате менюто "Разработка". Ще се появи до менюто "Bookmark".

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 4

4. Стартирайте уеб инспектора. Уеб инспекторът е много подобен на Firebug. Можете да го отворите в менюто "Разработка". За да направите това, можете също да кликнете върху клавишната комбинация ⌘ команда+⌥ Вариант+I.

Изображение, озаглавено Получете нещо подобно на Firebug на Safari Step 5

пет. Изберете раздела Ресурси, за да покажете обекти на уеб страници. Тези обекти включват стилни листове, HTML файлове, скриптове, изображения и др. Това е стандартният изглед на уеб инспектора.

От левия прозорец вляво ще видите всички папки със съдържанието на текущата страница. Използвайте тези папки за бързо преместване между необходимите ресурси.

Избрани ресурси ще бъдат показани на основния панел. Тук ще видите кода на сайта и други файлове. Можете дори да направите редакции в кода и веднага да видите промените на страницата. Тези промени ще работят само толкова дълго, колкото можете да затворите сайта.

Използвайки конзолата, въведете командите за отстраняване на грешки и изследвайте jаvascript обекти.

От дясната страна ще бъде подробна информация за избрания елемент. Промените, направени тук, ще бъдат веднага се показват на сайта.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 6

6. Използвайте раздела за времеви скали, за да видите дейността на сайта. Часовата скала се показва, когато е извършена част от код. Можете също да проверите заявката за мрежата и да видите събитията за jаvascript.

В горната част на прозореца "Time Scale" ще видите три различни временни линии. Всяка линия е отговорна за категорията на мащаба.

Лявият панел показва различни събития, които се случват на времевата линия. Времето на всяко действие ще се покаже в главния прозорец.

Изображение, озаглавено Получете нещо подобно на Firebug на Safari Step 7

7. Използвайте опцията "debugger" за търсене и коригиране на грешки в jаvascript. Опцията "debugger" предоставя същите инструменти за отстраняване на грешки като Firebug. Използвайте го, за да търсите и правим кодове на jаvascript. Можете да зададете местоположението на кода, за да спрете на определено място. Това ще ви позволи да поправите грешките в jаvascript и да разберете как работи.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 8

Осем. Променете потребителския агент. Много използват добавка за Firebug, за да промените текущия потребителски агент. Потребителският агент е идентификатор, който казва на уеб страниците кой браузър и операционната система използвате. Това е много полезна опция за изтегляне на мобилни сайтове на лаптопа си или да видите появата на сайта, когато работите с Internet Explorer на Windows.

Кликнете върху менюто "Разработка" и изберете "Custom Agent".

Изберете желания потребителски агент от списъка с опции. Можете да добавите вашия потребителски агент, като изберете опцията "Други ..." и въвеждане на кода, от който се нуждаете.

Метод 2 от 2:

Firebug Lite

един. Отидете в уебсайта на Lite. Firebug Lite е отметка, която осигурява достъп до някои основни функции на Firebug. Той работи във всеки уеб браузър. Можете да го използвате, за да направите текущите промени в HTML и CSS страници. Можете също да изпълнявате командите на конзолата и да проверите скриптове. Можете да изтеглите Firebug Lite на тази връзка: GetFireBug.Com / firebuglite.

Изображение, озаглавено Получете нещо подобно на Firebug на Safari Step 10

2. Превъртете надолу до секцията "Стабилен канал" (стабилен канал). Това е най-функционалната и стабилна версия на Lite Lite. Ако искате да изпробвате последните функции, задайте маркера от секцията Beta Channel (бета канал). Бета версията е по-нестабилна от обичайното.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 11

3. Кликнете с десния бутон върху връзката Firebug Lite. В менюто се появява, изберете "Copy Link".

Изображение, озаглавено Получете нещо подобно на Firebug на Safari Step 12

4. Създайте нов букмейкър. Отворете менюто "Отметки" и изберете "Create Bookmark" (създайте отметка). Можете също да кликнете върху ⌘ команда+Д. Това ще отвори нов прозорец, за да създадете полагане на текущата страница.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 13

пет. Поставете копираната връзка към съответното поле на новия маркер. Това ще промени отметката на Lite кода на Firebug. Назовете някой отметки, например "Firebug Lite".

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 14

6. Използване на маркера, сваляйте интерфейса на Lite. Кликнете върху раздела Firebug Lite на всеки сайт.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 15

7. Изследвания на страницата. Кликнете върху бутона "Проверете" на панела Firebug Lite Menu (MENU), след което изберете елемента на страницата. Съответната част от HTML файла ще бъде маркирана в рамката на Lite.

Изображението, озаглавено Получете нещо подобно на Firebug на Safari Step 16

Осем. Използвайте раздели на горния панел Firebug Lite. Тези раздели отварят достъп до различни функции на Lite. Те включват HTML и CSS код редактор, работа с конзолни и активни скриптове.

Firebug Lite няма достъп до външни стилове и скриптове. Това се дължи на факта, че е написано в jаvascript, за да може да се стартира на всяка страница. Ако имате нужда от тези инструменти, след това дайте предпочитание за разработване на инструменти за сафари.