Safari 4デベロッパーツールを使用してWindowsのモバイルウェブサイトを表示する

あなたのPC上のiPhoneや他のモバイルデバイス用に設計されたモバイルウェブサイトを試したいですか? Safari 4 for Windowsでは、開発者用ツールで簡単にこれを行うことができます。

デフォルトでは、Safariは標準のデスクトップWebサイトを表示します。しかし、簡単な変更を加えることで、iPhoneまたはiPod TouchでSafari Mobileのように動作させることができます。

入門

まず、Windows用のSafari 4がインストールされていることを確認してください。あなたはSafariを直接ダウンロードして(下記のリンクに)、いつものようにインストールすることができます。

または、すでにQuickTimeやiTunesなど、別のAppleプログラムがインストールされている場合は、Appleソフトウェアアップデートからインストールすることができます。 [スタート]メニューの検索ボックスにリンゴソフトウェアのアップデートを入力します。

そして、利用可能な新しいソフトウェアのリストからSafari 4を選択します。 「インストール」をクリックすると、Safariが自動的にダウンロードされ、インストールされます。

ライセンス契約に同意すると、Safariが自動的にインストールされます。

これが完了すると、Safariはすぐに使用できるようになります。

Safariでモバイルサイトを表示する

まず、開発者用ツールを有効にする必要があります。ツールバーの歯車アイコンをクリックし、[設定]を選択します。

[詳細設定]タブをクリックし、[メニューバーに現像メニューを表示する]チェックボックスをオンにします。

設定ボックスを閉じたら、ページアイコンをクリックし、[開発]、[ユーザエージェント]の順に選択して、モバイルSafari設定のいずれかを選択します。テストでは、Mobile Safari 3.1.2 – iPhoneを選択しました。

ブラウザでモバイルデバイスをよりよくエミュレートするには、ブックマークとタブバーを非表示にして、より合理的なインターフェイスを使用することができます。

ギアのアイコンをクリックし、「ブックマークバーを隠す」を選択し、繰り返し、「タブバーを隠す」をクリックします。

ウィンドウを縮小して、モバイルデバイスの画面のサイズに近づけることもできます。これらのことを済ませたら、Safariはこのスクリーンショットに似ているはずです。ここではGoogle.comを読み込みました。あなたはiPhoneスタイルのインターフェースでそれを見ることができます。

アドレスバーに任意のウェブサイトを入力するだけで、モバイルインターフェースがあればそれがロードされます。ここにはGoogleの他のモバイルサービスがあります。

Gmailは、デフォルトのiPhoneインターフェースでメッセージを読み込みます。

特に興味深いモバイルサイトの1つは、AppleのオンラインiPhoneユーザーガイドです。 iPhone設定でSafariに読み込まれると、iPhoneアプリと同じように動作する非常に優れたモバイルUIが読み込まれます。実際には、iPhone上で指をかけるのと同じように、クリックしてドラッグしてスクロールすることもできます。

結論

あなたがスマートフォンを持っていない場合でも、このトリックでどのウェブサイトがそのように見えるかをプレビューすることができます。もちろん、すべてのサイトが動作するわけではありませんが、モバイル版の異なるサイトで遊ぶのは楽しいことです。

リンク

Safari 4のダウンロード

Apple iPhoneオンラインユーザーガイド

カッコいい!

ありがとう、なんて素敵なトリック。まだサファリ5で動作します:D

フォーミュラ1のレースピットストップ中の最も速い完全なタイヤ交換の世界記録は2.31秒です。