web-dev-qa-db-ja.com

Windows用のiPhoneブラウザシミュレータ?

注:これは、デバイス全体をシミュレートするのではなく、iPhoneのBrowserをシミュレートすることに関する質問です。 ここで詳しく説明します のように、WindowsではiPhoneデバイスのシミュレーションが不可能であることを知っています。

IPhoneで見たときに本当に奇妙に見えるWebサイトがあります-何らかのCSSの問題です。

Windows for Safari(または他のWindowsブラウザー)でサイトを表示すると、同じ問題は発生しません。

それでは、Windows上で実行される優れたiPhoneBrowserシミュレーターはありますか?つまりiPhoneブラウザーと同じ方法でサイトをレンダリングします。

Chromeの「要素の検査」開発者機能と同様に、CSSを詳細に検査する方法がある場合はボーナスポイントです

編集:好奇心のために、私が解決しようとしているレンダリングの問題はここに記載されています: CSSの背景画像はiPhone上で異なるレンダリング

57
codeulike

「設定」>「詳細」で「開発者」メニュー項目を設定すると、Safari 5でiPhoneユーザーエージェントをシミュレートできます。 Safari 5のWebkitエンジンはiPhoneのブラウザに似ているため、HTML 5のほとんどの機能は同じです。おまけとして、[開発者]タブでは、JavaScriptと一部のCSS(あまりサポートされていない)をデバッグできます。

30
Robert Redmond

私は言及されたすべてのオプションを試してみましたが、それらは好きではありませんでした(基本的に、プラットフォーム固有のコンポーネントを表示しないため、デモンストレーションのために興味深いです)。

これが皆さんに当てはまる場合、 http://www.browserstack.com/ をお勧めします

残念ながら、無料ではありません。

6
Igor Andrade

[この質問は今ではかなり古いことはわかっていますが、おそらく私の答えは同じクエリを使ってやってくる人々に役立つかもしれません...]

Google Canaryブラウザーのエミュレーターは、Windowsマシンでブラウザーの互換性の問題をテストするための最良かつ最速のエミュレーターの1つであることがわかりました。

IPhoneの2倍のデバイスピクセル比もエミュレートします。

間違いなく試して、問題が再現するかどうかを確認してください。

http://www.google.co.in/intl/en/chrome/browser/canary.html

エミュレーションを試してF12を押すと、通常の開発ツールの行の下に、このスクリーンショットのような2行目が表示されます...

enter image description here

さらに、人気のあるデバイスブラウザーの多くも表示されます...

お役に立てれば。

3
Amod

答えから始めましょう:

Blackbaudラボには、ここにオープンソースのAbode Air搭載iPhoneブラウザーシミュレーションがあります。

編集:新しいリンク: ibbdemo2
(。airバイナリを入手するには、ダウンロードリンクにアクセスしてください。AdobeAirをインストールする必要があります)

残念ながら、それは私の特定の問題を再現しないので、異なるレンダリングをしなければなりません。

2
codeulike

これらを試してください。これをChromeで試したところ、訪れたサイトには非iPhoneバージョンが読み込まれました。サファリの方がいいかもしれません。

http://www.testiphone.com

http://iphonetester.com

更新:さらなる調査の後、これらは本当に画面サイズを制限するだけで、iOS Safariレンダリングエンジンを使用しないように見えます。

2
Mike Ohlsen