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

Firebug е многу популарен додаток на Firefox, кој ви овозможува да ги истражувате и промените ставки на веб-страница. Со тоа ќе научите како се изградени веб-страници. Тој исто така ќе помогне со дебагирање на својот сопствен проект. Алатки за развој на софтвер за Safari обезбедуваат слична карактеристика. Можете исто така да го користите Firebug Lite за да ја преземете поедноставената верзија на Firebug на било која веб-страница.

Чекори

Метод 1 од 2:

Развојни алатки за Safari

Еден. Кликнете на менито Safari и изберете "Settings". Safari вклучува збир на алатки за развој на апликации, слично на она што е во Firebug. За да можете да работите со нив, тие треба прво да се вклучат.

Сликата насловена како што е слично на Firebug на Safari Step 2

2. Кликнете на табулаторот Add-Ons. Така ќе ги отворите напредните опции на прелистувачот.

Сликата со наслов Добијте нешто слично на Firebug на Safari Step 3

3. Ставете го полето до менито "Прикажи го" во лентата со мени. Со ова ќе го овозможите менито "Развој". Ќе се појави веднаш до менито "Bookmark".

Сликата со наслов Добијте нешто слично на Firebug на Safari Step 4

Четири. Стартувај го веб-инспекторот. Веб инспекторот е многу сличен со Firebug. Можете да го отворите во менито "Развој". За да го направите ова, можете исто така да кликнете на комбинацијата на копчиња ⌘ команда+⌥ Опција+I.

Сликата насловена како што е слично на Firebug на Safari Step 5

Пет. Изберете го јазичето за ресурси за да прикажете објекти на веб-страница. Овие објекти вклучуваат стилски листови, HTML датотеки, скрипти, слики, итн. Ова е стандарден поглед на веб-инспекторот.

На левата страна од левата страна ќе ги видите сите папки со содржината на тековната страница. Користете ги овие папки за брзо движење помеѓу потребните ресурси.

Избраните ресурси ќе бидат прикажани на главниот панел. Овде ќе го видите кодот на веб-страницата и другите датотеки. Можете дури да направите уредувања во кодот и веднаш да ги видите промените на страницата. Овие промени ќе работат само се додека ја затворате страницата.

Користејќи ја конзолата, внесете команди за дебагирање и испитајте ги објектите на jаvascript.

На десниот страничен панел ќе биде детали за избраниот елемент. Промените направени овде ќе бидат веднаш прикажани на сајтот.

Сликата со наслов Добијте нешто слично на Firebug на Safari Step 6

6. Користете го јазичето за време за да ја видите активноста на страницата. Временската скала е прикажана кога е изведено парче код. Можете исто така да го проверите мрежното барање и да ги видите настаните за jаvascript.

На врвот на прозорецот "временска скала", ќе видите три различни привремени линии. Секоја линија е одговорна за категоријата во временска скала.

Левиот панел прикажува разни настани кои се случуваат на временската линија. Времето на секоја акција ќе биде прикажано во главниот прозорец.

Сликата насловена како што е слично на Firebug на Safari Step 7

7. Користете ја опцијата "Debugger" за пребарување и исправување на грешки во jаvascript. Опцијата "Debugger" ги обезбедува истите алатки за дебагирање како Firebug. Користете го за пребарување и исправување на кодови за jаvascript. Можете да ја поставите локацијата на кодот за запирање на одредена локација. Ова ќе ви овозможи да ги поправите грешките во jаvascript и да разберете како функционира.

Сликата насловена како што е слично на Firebug на Safari Step 8

осум. Променете го корисничкиот агент. Многумина користат Firebug Add-on за промена на тековниот кориснички агент. Корисникот агент е идентификатор кој им кажува на веб-страниците кои прелистувачот и оперативниот систем што го користите. Ова е многу корисна опција за преземање мобилни сајтови на вашиот лаптоп или за да го видите изгледот на страницата кога работите со Internet Explorer на Windows.

Кликнете на менито "Развој" и изберете "Прилагодено агент".

Изберете го саканиот кориснички агент од листата на опции. Можете да го додадете вашиот кориснички агент со избирање на опцијата "Друго ..." и внесувате кодот што ви треба.

Метод 2 од 2:

Firebug Lite

Еден. Одете на веб-страницата на Firebug Lite. Firebug Lite е Bookmarklet кој обезбедува пристап до некои основни функции за Firebug. Работи во кој било веб прелистувач. Можете да го користите за да направите тековни промени во страниците на HTML и CSS. Можете исто така да извршите команди за конзола и проверете скрипти. Можете да го симнете Firebug Lite на оваа врска: Getfirebug.Com / firebuglite.

Сликата со наслов Добијте нешто слично на Firebug на Safari Step 10

2. Скролувајте надолу до делот "Стабилен канал" (стабилен канал). Ова е најфункционалната и стабилна верзија на Firebug Lite. Ако сакате да ги испробате последните функции, поставете го обележјето од бета каналот (бета канал). Бета верзија е понестабилна од вообичаеното.

Сликата насловена како што е слично на Firebug на Safari Step 11

3. Десен-клик на линкот Firebug Lite. Во менито што се појавува, одберете "Копирај врска".

Сликата насловена како што е слично на Firebug на Safari Step 12

Четири. Креирај нов букмејкер. Отворете го менито "Обележувачи" и изберете "Креирај обележувач" (креирајте обележувач). Можете исто така да кликнете ⌘ команда+Д. Ова ќе отвори нов прозорец за да создаде поставување на тековната страница.

Сликата е насловена како што е слично на Firebug на Safari Step 13

Пет. Вметнете ја копираната врска до соодветната област на новиот обележувач. Ова ќе го промени обележувачот на Firebug Lite код. Наведете некој обележувач, на пример, "Firebug Lite".

Сликата со наслов Добијте нешто слично на Firebug на Safari Step 14

6. Користење на обележувачот, преземете го интерфејсот Firebug Lite. Кликнете на јазичето Firebug Lite на било кој сајт.

Сликата насловена како што е слично на Firebug на Safari Step 15

7. Анкета предмети на страница. Кликнете на копчето "Испита" на панелот на менито Firebug Lite, а потоа одберете го објектот на страницата. Соодветниот дел од HTML-датотеката ќе биде обележана во рамката на Firebug Lite.

Сликата со наслов Добијте нешто слично на Firebug на Safari Step 16

осум. Користете јазичиња на горниот панел Firebug Lite. Овие јазичиња го отвораат пристапот до различни функции на Firebug Lite. Тие вклучуваат уредувач на HTML и CSS код, работат со конзола и активни скрипти.

Firebug Lite нема пристап до надворешни стилови и скрипти. Ова се должи на фактот дека е напишано во jаvascript за да може да се подигне на која било страница. Ако ви требаат овие алатки, тогаш давајте предност за развој на алатки за Safari.