Испытайте интерфейс iPad на своем ПК

Хотите протестировать iPad без посещения магазина Apple? Вот способ, которым вы можете использовать интерфейс iPad прямо из браузера!

IPad – это новейший гаджет от Apple, который поражает мир технологий, и люди даже всю ночь ждали в очереди, чтобы одними из первых получить в свои руки. Однако, благодаря простому трюку с JavaScript, вы можете почувствовать некоторые из его новых функций, не покидая компьютер. Это не позволит вам опробовать все на iPad, но позволит увидеть, как новые списки и всплывающие меню работают так же, как в новых приложениях.

Протестируйте интерфейс iPad на вашем браузере

Обычно онлайн-библиотека Apple iPhone выглядит как стандартная веб-страница.

Но на iPad это выглядит и ощущается как полноценное приложение для iPad. С изящным трюком JavaScript от boredzo.org вы можете использовать этот же интерфейс на вашем ПК. Поскольку iPad использует браузер Safari, мы запустили этот тест в Safari для Windows. Если он еще не установлен, вы можете загрузить его с Apple ( ссылка ниже ) и выполнить обычную настройку.

Теперь откройте Safari и перейдите на страницу разработчика Apple по адресу:

http://developer.apple.com

Теперь введите следующее в адресной строке и нажмите Enter.

 javascript: localStorage.setItem ('debugSawtooth', 'true') 

Наконец, нажмите на эту ссылку, чтобы перейти к документации iPhone OS.

http://developer.apple.com/iphone/library/iPad/

После небольшой задержки он должен открыться в полном стиле iPad!

Левое меню работает так же, как меню на iPad, в комплекте с переходами. Это похоже на родное приложение, а не веб-страницу. Для прокрутки текста нажмите и потяните вверх или вниз, аналогично тому, как вы используете его на сенсорном экране.

На некоторых страницах даже есть всплывающее меню, как во многих новых приложениях для iPad.

Обратите внимание, что страница будет отображаться в соответствии с размером вашего браузера, и если вы измените размер окна, размер страницы не изменится вместе с ним. Просто нажмите F5, чтобы перезагрузить страницу, и она изменит размер в соответствии с новым размером окна. Если вы измените размер окна, чтобы оно стало высоким и узким, как в случае iPad в горизонтальном режиме, веб-страница изменится, и левое меню исчезнет вместо выпадающего меню, как если бы вы поворачивали iPad.

Это работает и в Chrome, так как он, как и Safari, основан на Webkit. Однако в нашем тесте он не работал на Firefox или других браузерах.

Ранее мы уже рассказывали о том, как вы можете использовать некоторые элементы пользовательского интерфейса iPhone, с помощью интерактивного руководства пользователя iPhone. Проверьте это, если вы еще не сделали:

Просмотр мобильных веб-сайтов в Windows с помощью инструментов разработчика Safari 4

Заключение

Хотя это не позволяет вам по-настоящему опробовать весь интерфейс iPad, оно, по крайней мере, дает представление о том, как он работает. Интересно посмотреть, сколько функциональности можно сегодня добавить в веб-приложения. И не забудьте, How-to Geek раздает iPad случайному поклоннику! Перейдите на нашу страницу в Facebook и откройте фанат How-to Geek, если вы этого еще не сделали.

Выиграй iPad на страничке фанатов Facebook с практическими рекомендациями

Оцените статью
TutoryBird.Ru
Добавить комментарий