PCでiPadのUIを体験する

Appleの店に行かずにiPadを試してみませんか？これは、iPadのUIの一部をブラウザから直接体験できる方法です。!

iPadは、技術の世界を驚かせるためのAppleからの最新のガジェットです。しかし、単純なJavaScriptトリックのおかげで、コンピューターを離れることなく、その新機能のいくつかを感じることができます。これではiPad上のすべてを試してみることはできませんが、新しいリストやポップアップメニューが新しいアプリで行うのと同じように機能するかどうかを確認できます。.

ブラウザからiPadのUIを試してみてください

通常、オンラインのApple iPhone開発者ライブラリは、標準のWebページのように見えます。.

しかし、iPad上では、本格的なネイティブiPadアプリのように見えます。 boredzo.orgの気の利いたJavaScriptトリックを使えば、あなたのPC上でこの同じインターフェースを使用することができます。 iPadはSafariブラウザを使用しているため、このテストはSafari for 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のメニューと同じように機能し、トランジションも付いています。 Webページではなく、ネイティブアプリケーションのようなものです。テキストをスクロールするには、タッチスクリーンで使用するのと同じようにクリックして上下に引き上げます。.

新しいiPadアプリの多くが使用しているように、ポップアップメニューを含むページもあります。.

ページはブラウザのサイズに合わせてレンダリングされ、ウィンドウのサイズを変更してもページのサイズは変更されません。 F5キーを押してページをリロードすると、新しいウィンドウサイズに合わせてサイズが変更されます。横長モードのiPadのように、ウィンドウのサイズを縦長にすると、ウェブページが変わり、ドロップダウンメニューの代わりに左側のメニューが消えます。.

Safariと同様にWebkitをベースにしているため、これはChromeでも機能します。しかし、Firefoxや他のブラウザでのテストではうまくいきませんでした。.

オンラインのiPhoneユーザーガイドで、iPhoneのUIのいくつかを体験する方法を以前に説明しました。まだ行っていない場合はチェックしてください。

Safari 4開発ツールを使用してWindowsでモバイルWebサイトを表示する

結論

これでiPadのすべてのインターフェースを実際に試してみることはできませんが、少なくともそれがどのように機能するのかを知ることができます。今日のWebアプリケーションにどれだけの機能を詰め込むことができるかを見るのはワクワクします。そして忘れないでください、How-to GeekはiPadをランダムなファンに配っています！まだ行っていなければ、私たちのFacebookページにアクセスして、How-to Geekをファンにしてください。.

How-ToオタクFacebookファンページでiPadを勝ち取ろう