2012-05-16 10 views
7

私はコンピュータ上で(すべての最新のブラウザを通して)うまく動作するウェブサイトを作っています。 Safariモバイルからは機能していないとの報告がありました。Safariモバイルで自分のウェブサイトの動作を確認する方法は?

私はのは私が私が欲しいと同じに見えるように窓の上のSafariから見しようとしています。

私は彼らのスクリーンショットを見て、私のUIと間違って何かを感じています。誰かが自分のコンピュータ(ウィンドウ)からルックをチェックする方法を誰かが知ることができます。私は自分のコンピュータからサファリモバイルのための私のウェブサイトをテストするにはどうすればよい

答えて

0

チェックこのアウト:http://webtide.wordpress.com/2009/09/14/how-to-test-websites-for-mobile-devices/

あなたが必要なもの:iPhone/iPod touchのための

Safariのテスト:

開き、Safariと環境設定(編集 - >設定)に進みます。
[詳細設定]タブで、[メニューバーに現像メニューを表示]がオンになっていることを確認します。 メニューで、開発 - >ユーザーエージェント - >モバイルSafari 3.0をクリックします。 のウェブサイトを参照し、テストを開始してください!

+0

2〜3年前に書かれた記事。その投稿で更新されています。 – user1377045

2

トップ・メニューの「開発」をクリックし、「ユーザー・エージェント」をクリックしてデバイスを選択し、Webサイトにナビゲートします。

+3

この回答はすべての場合に機能しません。私はそのような例を現在解決しています。 – nrod

+1

これはページを小さくするだけですが、Chromeのようにタッチエミュレーションを有効にしません。タッチ(マウスポインタなし)をエミュレートするにはどうすればよいですか? – trusktr

1

Chrome Developer Toolsは、デバイスのエミュレーションを持っています。

+3

Chrome Dev ToolsはSafariの動作を正しくエミュレートしません。私はいくつかのページをテストして、Chrome Dev Tools(iPhone 5をエミュレートする)では完璧に見えるが、iPhone/iPad/Macでは見た目が醜い。 –

+1

OSではなく画面サイズをエミュレートします。 – neuronet

2

あなたが実際にダウンロードしてインストールのSafariをお使いのコンピュータにして、あなたのウェブサイトは、モバイル版Safariのすべての利用可能なバージョンで確認することができます。メニューバーの[設定] - > [詳細] - > [開発者の表示]を選択します。

最後に、右のあなたのウェブサイト内をクリックし、[ユーザー剤 - >と、あなたが望むサファリのバージョンを選択します。 Check this link for further information

関連する問題