ホームページ » の仕方 » Safari 4開発ツールを使用してWindowsでモバイルWebサイトを表示する

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

    あなたのPC上でiPhoneや他の携帯機器用にデザインされた携帯サイトを試してみませんか? Windows用Safari 4では、開発者向けツールを使用してこれを簡単に実行できます。.

    デフォルトでは、Safariは標準のデスクトップWebサイトを表示します。しかし、簡単な変更を加えるだけで、iPhoneやiPod TouchでSafari Mobileのように機能するように切り替えることができます。.

    入門

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

    QuickTimeやiTunesなど、他のAppleプログラムがすでにインストールされている場合は、Apple Software updateからインストールできます。単に入力してください アップルソフトウェアアップデート スタートメニューの検索ボックスで.

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

    使用許諾契約に同意すると、Safariが自動的にインストールします.

    これが完了したら、Safariは使用する準備が整います.

    Safariで携帯サイトを見る

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

    [詳細設定]タブをクリックし、[メニューバーに[開発]メニューを表示する]というボックスをオンにします。.

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

    ブラウザがモバイルデバイスをよりよくエミュレートするようにするには、ブックマークとタブバーを非表示にして、より効率的なインターフェイスを作成します。.

    歯車アイコンをクリックし、「ブックマークバーを隠す」を選択してから、「タブバーを隠す」を繰り返してクリックします。.

    ウィンドウをモバイルデバイスの画面のサイズに近づけるように縮小することもできます。これらの作業が完了すると、Safariはこのスクリーンショットのようになります。ここにGoogle.comをロードしました、そしてあなたはそれをそのiPhoneスタイルのインターフェースで見ることができます.

    単にアドレスバーに任意のウェブサイトを入力し、それがあればそれはそのモバイルインターフェースにロードされます。これはGoogleの他のモバイル製品で、Windowsの中にあります。.

    GmailはデフォルトのiPhoneインターフェースでメッセージをロードします.

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

    結論

    あなたがスマートフォンを持っていなくても、あなたはまだこのトリックを使ってそれらのウェブサイトがどのように見えるかをプレビューすることができます。すべてのサイトがもちろん機能するわけではありませんが、モバイル版があるさまざまなサイトで遊べるのは楽しいです.

    リンク集

    Safari 4ダウンロード

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