デスクトップ版では正しく表示されるサイトがありますが、iPad ではバグがほとんどありません。OS が Windows の場合、問題を検出する最も簡単な方法は何ですか?
2 に答える
オプション 1 - 無料のローカル マシン デバッグ
Windows 用の Safari ブラウザを使用できます ( Safari 5.1.7 をダウンロードしてください)。
手順
- メニューバーで開発メニューを有効にします (「Alt」キーを押してメニューバーを開きます。次に、[編集] メニュー > [設定] > [詳細設定] タブに進みます。このオプションは下部にあります。)
- 次に、[開発] メニュー > [ユーザー エージェント] の順に進みます。iPad、iPhoneなどを選択します。
開発メニューには、JavaScript などのデバッグに役立つその他のオプション (Web インスペクターの表示など) があります。
Safari を使用して iPhone および iPad Web アプリケーションをデバッグする方法のクレジット。
オプション 2 - ターゲット ブラウザ/OS/マシンへのブラウザベースの有料アクセス
私は個人的にhttp://www.browserstack.com/を使用しており、さまざまな組み合わせで機能をテストできます。ただし、ここでのデバッグはローカル マシンほど便利ではないかもしれません。
同様のサービスを提供する会社は他にもあるかもしれません。
基本的なオンライン エミュレーターに注意する
コメントで述べたように、「エミュレータ」Web サイトには注意してください。例: 私が遭遇した Web サイトは、iPhone の写真を使用して iPhone をエミュレートすると主張しており、その中には、私がその Web サイトを開いたブラウザー(Firefox)iframe
によって忠実にレンダリングされている が含まれていました。
(実装に応じて)私が考えることができる最良の方法は、Firefoxプラグイン https://addons.mozilla.org/en-US/firefox/addon/user-agent-switcher/を使用することです
あらゆる種類のデバイスに切り替えて、それらが別のデバイスでどのように表示されるかを確認できます。
ここhttp://www.ampercent.com/test-website-design-iphone-ipad-mobile-devices/7075/は、使用を開始するためのクイック ガイドです。
Chrome のような FF 以外のブラウザー用のユーザー エージェント スイッチャーもあります。グーグル検索をして、どれが好きか自分で試してみてください。