Инструменти за разработчици в Safari

Отворете прозореца с предпочитания за сафари, щракнете върху опцията „разширени“ и след това изберете полето „Покажи меню за развитие в лентата с менюта“. Право напред! Резултатът е ново поле в горното меню, което изглежда като следното:

Разгледайте дизайнерските ресурси

Включване на менюто за разработване

Отворете прозореца с предпочитания за сафари, щракнете върху опцията „разширени“ и след това изберете полето „Покажи меню за развитие в лентата с менюта“. Право напред! Резултатът е ново поле в горното меню, което изглежда като следното:

Промяна на потребителския агент

Когато тествате уебсайта си, има четири основни браузъра, които трябва да имате предвид - Internet Explorer, Firefox, Safari и Opera. По-рано ние покрихме тестването на тези браузъри както на Windows, така и на mac платформи. Ако обаче трябва бързо да използвате потребителския агент един от тези браузъри, за да проверите парче условно форматиране, Safari го прави лесно. Възможно е също да излъжете потребителския агент на браузър iPhone или iPod Touch, за да проверите как би се държал уебсайтът ви на мобилно устройство:

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

Мрежовата времева линия

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

Провеждането на Design Shack чрез инструмента показва, че основната ни свиня за честотна лента са изображенията в сайта - доста очаквано поради естеството на уебсайта! Той подчерта няколко скрипта, които отнеха повече време, отколкото очаквахме и може да бъде основа за промени в бъдеще. Ето как изглежда инструментът при работа:

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

© Copyright 2021 | computer06.com