Disable Grid in Chrome Geräteemulation

Question

Ich weiß, dass diese Frage nicht gut hier passt, aber das macht mich wirklich verrückt für einige Stunden :(Ich verwende Chrome, um zu simulieren, wie Websites auf verschiedenen mobilen Geräten aussehen .. mit Linealen zu einem Raster erscheinen ich weiß WTF nicht zu tun, um dieses Raster zu deaktivieren Dies ist der Screenshot.

ich deinstalliert und den Browser neu installiert und es kehrt zurück setze ich die Entwickler-Tools auf Standardeinstellungen und es ist immer noch da.

Das wird für ein paar Stunden wirklich ein Albtraum für mich. Ich möchte die normale Emulation ohne diese Lineale und Gitter und obere Leiste. Danke

Answer 1

Du hast nichts falsch gemacht. Dein Chrome wurde auf 38.2125 aktualisiert und der Emulator verfügt nun über diese Attribute. Außerdem ist die Berührungsfunktion unterbrochen.

Um das Problem zu beheben, laden Sie die "Canary" -Version von Chrome herunter. Sie müssen immer noch das Raster sehen, aber der Bildschirm ist verbessert und Ihr Layout ist einfacher zu sehen. Außerdem ist die Berührungsfunktion fest eingestellt.

Erhalten Sie Chrome Canary hier: https://www.google.com/intl/en/chrome/browser/canary.html

Answer 2

Es gibt eine kleine blaue Taste auf der linken Seite der Elemente, die tatsächlich die Magie tut.

Answer 3

Die Schaltfläche ermöglicht nur/deaktiviert den Emulator. Das OP sucht nach einer Möglichkeit, das Hintergrundraster zu deaktivieren, während mobile Geräte emuliert werden.

Answer 4

Wenn Sie die mehrfarbigen Rasterlinien deaktivieren möchten, die als Überlagerung angezeigt werden, überprüfen Sie das Konsolendock am unteren Rand der Entwicklungstools. Es gibt eine Registerkarte mit der Bezeichnung "Rendering" und versuchen Sie, "Zusammengesetzte Ebenenränder anzeigen" zu deaktivieren. Wenn Sie immer noch die Lineale sehen, diese Einstellung befindet sich in den Einstellungen (Ausrüstung) der Entwicklungswerkzeuge, gibt es eine Option unter der Überschrift Elemente für "Lineale anzeigen".