Хотя Windows Использование телефона остается низким

сравнению с другими browsers ¹ it’ S иногда необходимо проверить работу веб-для Internet Explorer Mobile.Для веб-разработчиков, это может быть осложнением.Тестирование на Windows Phone environment не всегда обязательно, но это может быть случайная — особенно потому, что версия Internet Explorer, который поставляется с Windows Phone может быть изворотливым в лучшем случае.Если you’ повторно разработчик без телефона устройств Windows, вы могли бы получить немного творческим, чтобы убедиться, что ваши сайты, оказываемые правильно .

В этой статье я хочу указать на несколько различных инструментов и методов, которые могут помочь в тестировании веб-сайты для Windows Phone, даже если вы don’ т есть реальное устройство удобно, или если вы не развивается на Windows.Но сначала let’ с быстро искать в различиях между мобильных и настольных Internet Explorer 9 .__ |

IE Mobile Explained

По признанию Microsoft в прошлом, версия Internet Explorer найдены на мобильных устройствах похожи, но не identical ³ версии настольного браузера.Есть несколько ключевых особенностей, которые не доступны на Windows Phone:

• HTML5 Поддержка сенсорного перетащить и падение ( demo ⁴ ) .
• Видео которые используют зашифрованных Медиа Extension ⁵ не будет играть на Windows Phone .
• CSS Нажмите другие взгляды, чем overflow:scroll
• CSS3 hyphenation ⁶ также не available

Это все довольно незначительные функции, но вам все еще нужно знать о различиях рендеринга и учитывать их .

Тестирование Tools

Точность не всегда самое главное об этом виде испытаний.Во время развития it’ более важно, чтобы проверить и итерации быстрее, чем получить с точностью до пиксела реализацию с первой попытки.Но вы должны знать, насколько точны ваш метод тестирования, так что вы можете планировать окончательный тестсоответственно .

Чтобы помочь вам получить представление о точности каждого метода тестирования we’ буду сравнивать каждый измерительный прибор против оказания двух сайтов на реальном устройстве (Nokia Lumia 920).Для справки, let’ посмотрим, как SmashingMag ⁷ (реагировать) и Quirksmode ⁸ (не отвечает) оказывают на реальной Windows Phone устройства:

⁹

Позже в статье we’ буду сравнивать оригинальный рендеринг с оказанием в тестовом инструмент, чтобы увидеть, насколько точны инструмент.В лучшем случае, инструмент тестирования будет производить тот же рендеринг как реального устройства, с 100% точностью.Let’? S погружение прямо в, мы будем

Internet Explorer Emulation

Быстрый и простой способ проверить сайт на телефон среде Windows, заключается в использовании Internet Explorer и его встроенный эмулятор обслуживание.Через инструментов разработчика, предоставляемых в самом браузере, вы сможете запустить эмуляцию телефона.Это включает в себя такие параметры, как профиль браузера, ориентации и разрешения экрана.Вы можете пролистывать настройки в режиме реального time смотреть на разных устройствах и резолюций, и вы можете завершить тестирование локально на вашем компьютере, прежде чем сайт идет жить.Кроме того, вы можете переключаться между мобильными версиями веб-сайта и в настольной версии, чтобы гарантировать, что ни одно из изменений не повлияли на то сайт выглядит на настольной версии Internet Explorer .

Как моделирования устройства в Chrome, это звучит как хорошая идея и простого решения для быстрого тестирования.Скорее всего you’ должны будете проверить Internet Explorer в какой-то момент, так почему бы не объединить Windows Phone в этом шаге тестирования

¹¹

К сожалению, результаты рендеринга показывают нам, что эмуляция внутри Internet Explorer является пока не надежны для тестирования гибкой websites .

¹³

Похоже, эмуляция игнорирует любые настройки просмотра и просто изменяет размер страницы так, он подходит к экрану.В то время как это является одним из самых быстрых способов видения сайт в телефон среде Windows, it’ S основном используется для быстрой проверки веб-сайтов, которые не реагируют, а не более комплексное тестирование .

Windows Phone Emulator

Для дизайнеров, которые ценят точность более чем вариант легкого тестирования, есть Windows Phone Emulator ^{37 15} доступна как для Windows Phone 7 и Windows Phone 8.Если вы не на Windows, эмуляторы также может быть использован через службу таких, как BrowserStack __46 | 16 .

Автономный Windows Phone эмулятор намного лучше, чем эмуляция встроенной в Internet Explorer.Эмулятор работает копию всей операционной системы Windows Phone, так что вы можете проверить собственные приложения наряду вашего веб-проекта.It’ S идеальным решением для тех, кто просто нужно проверить на этом одной платформе;с помощью эмулятора онлайн может быть более всеобъемлющим вариант для тех, кто нуждается, чтобы сделать много кросс-платформенной тестирования .

¹⁷

Как показывают результаты, Телефон эмулятор Windows, не совсем точным в оказании как вы бы надеяться.В частности, SVG иконки SmashingMagazine в правом верхнем углу не работать в эмуляторе, но дисплей, как предполагалось по фактической device .

¹⁹

Эмулятор имеет некоторые ограничения системы.Например, телефон 8 эмулятор Windows, работает только на Windows 8 и выше.Для тех, кто Mac OS X или других операционных систем, it’ S невозможно установить и использовать эмулятор напрямую, без использования виртуальной машины.Использование веб-решение, как правило, самый лучший вариант .

Как и все эмуляторы, хотя эмулятор, предоставленный корпорацией Майкрософт, скорее всего, самый точный доступна, она по-прежнему won’ т быть в состоянии отображать сайт с полной точностью для каждого устройства.Некоторые проблемы аппаратного обеспечения, остаются, что не может быть компенсировано эмулятора.Тем не менее, эмулятор Windows, вероятно, лучший эмулятор, который вы можете найти, если Вы хотите использовать программный эмулятор .

Недвижимость Device

Лучший способ тестирования для Windows Phone, несомненно, тестирование с реальным устройством.Как we’ видел, эмулятор близко, но не так точны, как нам хотелось бы, чтобы это было.И, конечно, есть определенные вещи, которые просто can’ т моделировать или эмулировать.Например, опыт пользователь может быть изменен таким образом, что пользователю необходимо манипулировать их сенсорного экрана.При использовании реального устройства, большинство разработчиков будут сосредоточены на Windows Phone 8, как Windows Phone 7 уже в decline __37 | 21 .Рендеринга браузер может также изменяться в зависимости от устройства, а разрешение устройства будет отличаться от мобильного устройства на мобильное устройство .

Если вы don’ т хотите купить специальный прибор тестирования я бы порекомендовал вам взглянуть на услуги, предоставляемые Perfecto Mobile ²² , CrossBrowserTesting.com ²³ или DeviceAnywhere
Если вы хотите прочитать полностью статью, посетите сайт наших спонсоров