Chrome-Entwicklertools - Browsergröße?

Question

Ich benutze Werkzeuge Chrome Developer und versuchen, die Browser-Breite in Pixel-Updates für ihre Entwickler-Tools, bevor diese Aktualisierungen der Bildschirmhöhe & Breite verwendet werden in der oberen rechten Ecke der Webseite

Google vor kurzem ausgerollt zu bekommen Vorschau beim Skalieren der Entwickler-Tools, aber jetzt gibt es keine Möglichkeit, die Bildschirmgröße herauszufinden (Beispiel unten)?

Wie kann ich nun die Browsergröße über Chrome Entwickler-Tools herausfinden?

Answer 1

Sie die Art und Weise dieses Tool zu zeigen, können Sie es im Gerätemodus drücken finden click this gif

Answer 2

Es ist nicht dasselbe und nicht so bequem wie es einmal war. Sie können jedoch ein Lineal unter den Einstellungen der Entwickler-Tools einschalten (Registerkarte Allgemein, Bereich Elemente, aktivieren Sie "Lineale anzeigen").

Dann, wenn Sie ein Element (Körper oder HTML) auswählen, können Sie die Größe des Elements mit einem Lineal auf dem X und Y des Browsers erhalten. Dies ist jedoch nicht mit Ihrem Browserfenster identisch, wenn Ihr Inhalt breiter ist als der Browser. Es ist unbequem, weil es Ihnen nicht die Größe des Browsers zeigt, wie Sie die Größe ändern, wie es früher war. Hoffentlich kommt das ursprüngliche Feature zurück.

* Wenn Sie den Gerätemodus aktivieren und im Dropdown-Menü die Option Responsive auswählen, können Sie die Größe des Browserbereichs ändern und die Bildschirmgröße in Echtzeit anzeigen.

Answer 3

Es ist ein Fehler: https://bugs.chromium.org/p/chromium/issues/detail?id=582421

Google Chrome Beta Zweig hat diesen Fehler behoben bereits und das Update wird erwartet, dass die nächste stabile Version (Version 50) hinzugefügt werden.

als eine vorübergehende Lösung, können Sie dieses Bookmarklet verwenden können:

javascript: (function() { 
    var v = window, 
    d = document; 
    v.onresize = function() { 
    var w = v.innerWidth ? v.innerWidth : d.documentElement.clientWidth, 
     h = v.innerHeight ? v.innerHeight : d.documentElement.clientHeight, 
     s = d.getElementById('WSzPlgIn'), 
     ss; 
    if (!s) { 
     s = d.createElement('div'); 
     s.id = 'WSzPlgIn'; 
     d.body.appendChild(s); 
     s.onclick = function() { 
     s.parentNode.removeChild(s) 
     }; 
     ss = s.style; 
     ss.position = 'fixed'; 
     ss.top = 0; 
     ss.right = 0; 
     ss.backgroundColor = 'black'; 
     ss.opacity = '1'; 
     ss.color = 'white'; 
     ss.fontFamily = 'monospace'; 
     ss.fontSize = '10pt'; 
     ss.padding = '5px'; 
     ss.textAlign = 'right'; 
     ss.zIndex = '999999'; 
    } 
    s.innerHTML = 'w ' + w + '<br />h ' + h; 
    }; 
})();