Опыт iPad UI на вашем ПК

Опыт iPad UI на вашем ПК
Опыт iPad UI на вашем ПК

Видео: Опыт iPad UI на вашем ПК

Видео: Опыт iPad UI на вашем ПК
Видео: Windows - Как исправить размытые шрифты. Работает и в 2023г. - YouTube 2024, Апрель
Anonim

Хотите протестировать диск iPad без перехода в магазин Apple? Здесь вы можете испытать некоторые из UI iPad прямо из своего браузера!

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

Тест-драйв интерфейса iPad от вашего браузера

Как правило, библиотека разработчиков iPhone для iPhone онлайн выглядит как стандартная веб-страница.

Image
Image

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

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

https://developer.apple.com

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

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

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

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

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

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

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

Обратите внимание, что страница будет отображаться для размера вашего браузера, и если вы измените размер своего окна, страница не будет изменять его размер. Просто нажмите F5, чтобы перезагрузить страницу, и она изменится в соответствии с новым размером окна. Если вы измените размер своего окна на высокий и узкий, например iPad в горизонтальном режиме, веб-страница изменится, и левое меню исчезнет вместо раскрывающегося меню, как если бы вы повернули iPad.
Обратите внимание, что страница будет отображаться для размера вашего браузера, и если вы измените размер своего окна, страница не будет изменять его размер. Просто нажмите F5, чтобы перезагрузить страницу, и она изменится в соответствии с новым размером окна. Если вы измените размер своего окна на высокий и узкий, например iPad в горизонтальном режиме, веб-страница изменится, и левое меню исчезнет вместо раскрывающегося меню, как если бы вы повернули iPad.
Это работает и в Chrome, поскольку он, как и Safari, основан на Webkit. Однако, похоже, это не работало в нашем тесте на Firefox или других браузерах.
Это работает и в Chrome, поскольку он, как и Safari, основан на Webkit. Однако, похоже, это не работало в нашем тесте на Firefox или других браузерах.
Ранее мы рассказали о том, как вы можете ознакомиться с некоторыми пользовательскими интерфейсами iPhone с помощью онлайн-руководства пользователя iPhone. Проверьте это, если вы еще этого не сделали:
Ранее мы рассказали о том, как вы можете ознакомиться с некоторыми пользовательскими интерфейсами iPhone с помощью онлайн-руководства пользователя iPhone. Проверьте это, если вы еще этого не сделали:

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

Image
Image

Заключение

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

Выиграйте iPad на странице поклонника Google Geek Facebook

Рекомендуемые: