Какво да знаете
- Избор Safari > Предпочитания > Advanced > Показване на менюто за разработка в лентата с менюта.
- За да използвате Develop, отидете в менюто на Safari и изберете Develop, между Bookmarks и Window.
- Най-полезните опции за разработка: отваряне на страница с, потребителски агент и празни кеши.
Тази статия обяснява как да показвате и използвате менюто Разработване във вашия уеб браузър Safari (версии 8 до 12).
Показване на менюто за разработка в Safari
Преди да можете да използвате менюто Разработване, първо трябва да направите скритото меню видимо. Това е лесна задача, много по-лесна от разкриването на менюто Debug, което преди Safari 4 съдържаше всички команди, които сега са в менюто Develop. Въпреки това, не мислете, че по-старото меню Debug вече не е подходящо; все още съществува и съдържа много полезни инструменти.
-
Стартирайте Safari от Dock или папката Mac Application.
Image -
Отворете предпочитанията на Safari, като щракнете върху Safari в лентата с менюта и изберете Предпочитания в падащото меню.
Image -
Щракнете върху раздела Разширени в екрана с предпочитания.
Image -
Изберете Показване на менюто за разработка в лентата с менюта.
Image
Ако някога искате да деактивирате менюто за програмисти, премахнете отметката в Safari > Предпочитания > Разширен екран.
Използване на менюто за разработка
Менюто Develop се появява в лентата с менюта на Safari между елементите на менюто Bookmarks и Window. Менюто Разработване е особено удобно за уеб разработчици, но обикновените потребители също могат да го намерят за полезно.
Някои от елементите на менюто Разработване, които вероятно ще намерите за най-полезни, включват:
- Отваряне на страница с: Позволява ви да отворите текущата уеб страница във всеки браузър, който сте инсталирали на вашия Mac. Ако някога посетите уебсайт, който не работи правилно със Safari, използвайте тази команда, за да преминете бързо към същата уеб страница в друг браузър.
- Потребителски агент: Потребителският агент е низ от текст, който браузърът изпраща на уеб сървъра, хостващ уеб страницата. Ако някога сте посещавали уеб страница, която е обявила, че Safari не се поддържа, ето как сайтът е разбрал какъв браузър използвате. В повечето случаи не се поддържа е глупост и като използвате този елемент от менюто, можете да промените потребителския агент, за да имитира такъв от различен браузър. Може да се изненадате колко пъти една уеб страница, която не работи, внезапно го прави, просто като смените потребителския агент.
- Празни кешове: Safari пази кеш на наскоро посетените сайтове. Данните, съхранявани в този кеш, включват всички елементи на страница, които могат да се използват за бързо изобразяване на уебсайт, когато се върнете на страницата. Понякога кешът може да е стар или повреден, което води до неправилно показване на уеб страница. Изпразването на кеша може да реши тези проблеми и дори може да помогне за ускоряване на Safari.
Допълнителни елементи от менюто за разработка
Повечето от останалите елементи от менюто вероятно са по-полезни за уеб разработчиците, но ако се интересувате как се изграждат уебсайтовете, тогава следните елементи може да са от интерес:
- Покажи уеб инспектор: Това отваря уеб инспектора в долната част на текущата страница. С Web Inspector можете да разгледате елементите, които са влезли в създаването на страницата.
- Показване на изходния код на страницата: Това показва HTML кода на текущата страница.
- Показване на ресурсите на страницата: Това отваря страничната лента на Resource Inspector в Web Inspector. Предоставя лесен начин да видите кои изображения, скриптове, таблици със стилове и други елементи се използват на текущата страница.
- Стартиране на запис на времева линия: Ако искате да видите как се зарежда и работи дадена уеб страница, опитайте опцията Стартиране на запис на времева линия. Това създава графика, показваща мрежовата активност и как всеки елемент на сайта се зарежда и използва. Това създава интересен дисплей, но не забравяйте да изключите функцията, като изберете Stop Timeline Recording В противен случай вие използвате ресурсите на вашия Mac за непродуктивни задачи - освен ако не сте уеб разработчик.
- Влезте в режим на адаптивен дизайн: Друг инструмент за уеб разработчици е вграденият симулатор, който ви позволява да визуализирате как вашата уеб страница ще изглежда при различни резолюции на екрана или с различни устройства, като iPad или iPhone. Просто заредете страницата, която ви интересува, и изберете Влезте в режим на адаптивен дизайн, за да визуализирате страницата. Можете да опитате изобразяването на страницата с различни устройства или да изберете разделителна способност на екрана, която да използвате. Когато сте готови, върнете се в менюто Разработване и изберете Излезте от режима на адаптивен дизайн
- Експериментални функции: Ако се чувствате смели, можете да опитате някои от функциите, които може да намерят своето място в бъдещите версии на браузъра Safari.
Когато менюто Разработване е видимо, отделете малко време, за да изпробвате различните елементи от менюто. Вероятно ще се окажете с няколко любими, които ще използвате често.
