2016-08-06 15 views
2

私はChrome DevツールiOSエミュレータを使用して反応性の高いページを作成していますが、実際の携帯電話で確認すると5%の差があることがわかります。chrome iOS CSSを見る方法はありますか?

すべて私のCSSは正規化されており、最新のベンダープレフィックスを持っていますので、と推測されています。最後の5%で何が問題になっているのですか?

モバイルデバイスでCSS出力を確認する方法はありますか?携帯用の開発ツール。確かに! Android携帯電話上で

+1

5%の違いはどういう意味ですか?どのようにそれを測定していますか? Safariと互換性のないCSSを使用している可能性があります。 – 4castle

+0

5%は人間の推測でした。ポイントは - エミュレータと実際のモバイルブラウザの間には一致しないものがいくつかあります。モバイルブラウザのCSSを見る方法を理解できません...ベンダのプレフィックスを再確認しますが、 iPhoneの「フードの下」を見る方法があることを望んでいる。 –

答えて

1

あなたはiOSのにいるので、ChromeはサポートRemote Debugging

USBを介して、しかし、あなたはページをデバッグしようとSafariのリモートデバッグ機能を使用することができません。 Chrome for iOS uses Apple's UIWebViewはページをレンダリングするため、iOS Safariでデバッグすると、iOS Chromeで表示されるのと同じ結果が得られます。

デバイスでSettings > Safari > Advancedにアクセスし、デバイスをUSB経由でコンピュータに接続し、MacのSafariでDevelop > [Device] > [website]にアクセスしてデバッグすることで、Safariのリモートデバッグ機能を使用できます。

+1

@DavidThomasあなたが正しいと思うので、彼はiOSクロムについて特別に尋ねていたので考慮しませんでした。私は私の答えを編集してもっと助けてみてください –

+0

ありがとう!私は以前のコメントを削除しました - これはもはや関連性がなくなったので、私の下見を削除しました。 –

関連する問題