Домашняя » как » Испытайте интерфейс iPad на вашем компьютере

    Испытайте интерфейс 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 с практическими рекомендациями