Бърз съвет за отстраняване на грешки в Mobile Safari с Web Inspector
Руски (пуски) превод от Юрий Юриев (можете да видите и оригиналната статия на английски)
Изграждането и отстраняването на грешки в уебсайтове и уеб приложения за мобилни устройства може да бъде предизвикателство. На работния плот имаме мощни инструменти за отстраняване на грешки; повечето браузъри имат уеб инспектор. Но нямаме инструменти за устройства като iPhone и iPad. тоест до сега!
С неотдавнашната версия на Safari 6 и iOS 6 вече можете да използвате Web Inspector за изграждане и отстраняване на грешки в уебсайтове на вашия настолен и мобилен Safari. Как Процесът на настройка е прост. Следвайте този урок и почти веднага имате на разположение много мощни инструменти за отстраняване на грешки на мобилни устройства.
Съвременните инструменти за разработчици на браузъри са били от огромна помощ при изграждането на уебсайтове и уеб приложения. Chrome има инструменти за разработчици. Fire Fox? Firebug. Сафари? Уеб инспектор. Всички изключително мощни инструменти в уеб разработката.
Както и да е, до този момент отстраняването на грешки в уебсайтове и уеб приложения на мобилни устройства беше трудна задача. Тъй като Safari и Chrome са webkit, има много прилики в начина, по който настолният и мобилният браузър изобразяват уеб оформлението. По този начин повечето дизайнери/разработчици изграждат и персонализират своите уебсайтове на работния плот, използвайки един от тези браузъри, като приемат, че механизмът на webkit ще направи страницата еднаква на мобилни устройства.
Мобилните и настолните платформи обаче всъщност са напълно различни. Те имат различен капацитет за съхранение, потенциал за производителност, входни устройства и мрежова свързаност. Следователно е наложително инструментите за отстраняване на грешки на дизайнера за мобилни устройства да станат по-ефективни и да съответстват на тези на работния плот.
Новите версии на софтуера на Apple за iOS 6 и Safari 6 предлагат много от функциите на инструментите за отстраняване на грешки на работния плот, които всички познаваме и обичаме от мобилните устройства. Този урок ще ви покаже лесен процес за получаване на настройки за отстраняване на грешки в мобилни сайтове с помощта на уеб инспектора на Safari.
Обърнете внимание първо на съвместимостта: има някои лоши новини за потребителите на Windows. Можете да отстранявате грешки на Remote Web Inspector само на Mac. Safari 6 за Windows не е наличен. Също така Safari 6 е достъпен само за Mac компютри с OSX Lion и по-нови версии.
Методи за използване на уеб инспектори
Има два метода за използване на уеб инспектора в мобилното Safari:
- Реален метод на устройството: използвайте истински iDevice (iPhone, iPad и др.), свързан към вашия компютър чрез USB
- Метод на виртуално устройство: използвайте iOS симулатора, който е част от Xcode
Ще разгледаме и двата метода и ще изберем най-подходящия за вашата ситуация.
Стъпка 1. Уверете се, че сте наясно
Тъй като отстраняването на грешки в мобилните устройства с Web Inspector е нова функция, трябва да се уверите, че разполагате с най-новия софтуер.
Реален метод на устройство: за да използвате уеб инспектора в тандем с истински iDevice, имате нужда от следното: