wake-up-neo.com

Wo befindet sich die neue Registerkarte "Emulation" in der Chrome-Konsole?

Ich benutze häufig die Registerkarte Überschreibungen in Chrome Developer Tools, um andere Geräte wie IPhone und IPad zu emulieren, aber nach dem Upgrade auf die letzte Version (32.0.1700.76 m) ist alles auf der Registerkarte Überschreibungen verschwunden und wird durch ein Kontrollkästchen mit der Anzeige "Emulation anzeigen" ersetzt in der Konsole Schublade ". 

Wenn Sie dieses Kontrollkästchen aktivieren, wird die Ansicht 'Emulation' im Konsolenfach nicht aktiviert. Die Schaltfläche "Konsole anzeigen" scheint deaktiviert zu sein.

The new Overides tab in the Settings Pane of Chrome Dev ToolsConsole Tab with no Emulation view

28
Mikael Engver

Siehe hier für weitere Informationen.

Öffnen Sie vor dem Start die Dev Tools Console (auf einem Mac-Cmd-Option-i).

  1. Öffnen Sie das Einstellungsfeld in der Dev Tools Console (klicken Sie auf das Zahnradsymbol auf der rechten Seite).
  2. Aktivieren Sie die Option "Emulation anzeigen" in der Konsolenablage (Sie haben diesen Schritt bereits getan) und schließen Sie den Bildschirm
  3. Wechseln Sie zur Registerkarte sources der Dev-Tools-Konsole
  4. Drücken Sie die Esc-Taste, um einen Bildschirm aufzurufen, der sich von unten her einschiebt
  5. Wählen Sie auf diesem zweiten Bildschirm die Registerkarte Emulation

Es gibt auch einen Hinweis in dem Link oben:

Hinweis: Emulationstools in DevTools waren zuvor in .__ enthalten. ein Bereich für Überschreibungen im Einstellungsbereich. Das Emulationsfeld ist der neue Bereich Überschreibungen.

48
SnapShot

Nach der Installation von Chrome (oder der blutenden Edge-Version Chrome Canary ) sollten Sie in der Lage sein, die mobile Emulation in den Developer Tools von Chrome durchzuführen. Ich aktiviere sie normalerweise durch Rechtsklick auf> Inspect Element

Für visuelle Lernende wie mich habe ich nur einen vollständigen Screenshot beigefügt. 

Enabling Mobile Device Emulation in Google Canary via the "Drawer"

17
Eric Kigathi

Ich verwende Google Chrome Version 58.0.3029.110, wobei die Emulation nicht mehr verfügbar ist, aber alle Funktionen noch verfügbar sind:

Gerät & Bildschirm

Drücken Sie Ctl + shift + m oder klicken Sie auf Toggle device toolbar. Sie finden diese in der oberen Mitte Ihres Browsers. (Weitere Optionen finden Sie im Abschnitt More option.)

 Current location of the former device as well as former screen tab

Benutzeragent & Sensoren

Der Benutzeragent wird jetzt in Network Conditions umbenannt und kann in Customise and control DevTools> More tools> Network conditions gefunden werden. Sensors kann auch an derselben Stelle gefunden werden (dh Customise and control DevTools> More tools> Sensors).

 Current location of the former User agent as well as former sensors tab

5
Muntashir Akon

Nachricht "Emulationsansicht in Konsolenschublade anzeigen" verwirrend. 

Im Allgemeinen ist unsere Chrome-Toolbar-Registerkarte als Konsolenregisterkarte ausgewählt, oder wir versuchen dies auf der Konsolenregisterkarte herauszufinden.

Das Problem ist, dass das Konsolenfach nicht geöffnet wird, wenn die Registerkarte "Konsole" ausgewählt ist.

4
dilipprajapati

Ich habe es scheinbar gelöst. Beim Upgrade auf Chrome Canary (Version 34.0.1789.0 Canary) wurde das Problem behoben.

http://www.google.co.uk/intl/de/chrome/browser/canary.html

enter image description here

1
Mikael Engver

Ich stieß auf dieses Problem und es dauerte eine Weile, bis ich es herausgefunden habe, trotz der Antworten hier. Ich bin auf Version 37.0.2062.103 m. Erstens gibt es in dieser Version weder das Fenster "Überschreiben" noch die Ansicht "Emulation anzeigen" in der Konsole. Sie ist standardmäßig aktiviert (ich denke mal), aber ein wenig versteckt. Die Taste drücken Sie zuerst die ESC-Taste dev-Modus (jetzt bin ich nicht sicher, ob er standardmäßig aktiviert ist.) Sie sollten einen Bereich mit 4 "Registerkarten" einschließlich "Emulation" am unteren Rand sehen. Ich habe Registerkarten in Anführungszeichen gesetzt, weil sie mir eher wie eine Statusleiste vorkamen und ich bleibe Wenn Sie darauf klicken, passiert nichts, bis ich versehentlich die Größe des Bereichs geändert habe.

1
newman

Süß ... Dieses Verhalten (Ausführen der Geräteemulation und des Debug-Modus) funktioniert in Chromium unter Linux Ubuntu, indem Sie F12 und dann das Schubladen-Symbol drücken. :)

Weitere Informationen: Weitere Informationen, einschließlich Screenshots

0
user1956808