2016-08-06 17 views
2

Also, ich baue responsive Seiten mit dem iOS-Emulator der Chrome-Entwickler-Tools, nur um festzustellen, dass es einen Unterschied von 5% gibt, wenn Sie es auf einem tatsächlichen Telefon auschecken.Gibt es eine Möglichkeit, Chrome iOS CSS zu sehen?

Alle meine CSS ist normalisiert und verfügt über die neuesten Verkäufer Präfixe, also bin ich fest mit erraten, was mit diesem letzten 5% falsch gehen wird.

Sicherlich gibt es eine Möglichkeit, die CSS-Ausgabe auf einem mobilen Gerät zu sehen? Dev-Tools für Handys. Sicherlich!

+1

Was meinen Sie mit 5% Unterschied? Wie messen Sie das? Wahrscheinlich verwenden Sie CSS, das nicht mit Safari kompatibel ist. – 4castle

+0

5% war nur eine menschliche Vermutung. Der Punkt ist - es gibt einige Dinge, die nicht übereinstimmen zwischen dem Emulator und dem realen mobilen Browser und ich kann nicht herausfinden, wie man den mobilen Browser css sieht ... Ich werde die Verkäufer-Präfixe überprüfen, aber ich war Ich hoffe, es gibt eine Möglichkeit, "unter der Haube" auf einem iPhone zu sehen. –

Antwort

1

Auf Android-Handys, Chrome funktioniert Unterstützung Remote Debugging über USB

Da Sie in iOS sind, aber sind Sie Safari Remote-Debugging-Funktion verwenden können, um zu versuchen, die Seite zu debuggen. Chrome für iOS uses Apple's UIWebView, um Seiten zu rendern. Das Debuggen in iOS Safari sollte also zu den gleichen Ergebnissen führen wie in iOS Chrome.

Die Ferndiagnosefunktion von Safari kann verwendet werden, indem Sie auf Ihrem Gerät Settings > Safari > Advanced aufrufen, das Gerät über USB mit dem Computer verbinden und dann in Safari auf Ihrem Mac unter Develop > [Device] > [website] debuggen.

+1

@DavidThomas du hast Recht, ich habe nicht berücksichtigt, dass er speziell über iOS Chrome gefragt hat. Ich habe meine Antwort bearbeitet um zu versuchen, mehr hilfreich zu sein –

+0

Danke! Ich habe meinen früheren Kommentar gelöscht - da er nicht mehr relevant ist - und meine Down-Vote entfernt. –

Verwandte Themen