Chrome geliştirici araçlarında yeniden boyutlandırılırken görünüm genişliğini gösterilsin mi?

Chrome'u, pencerenin sağ tarafına yerleştirilmiş geliştirici araçlarıyla kullanıyorum. Chrome, merkezi ayırıcıyı sürükleyerek görüntü alanını yeniden boyutlandırdığınızda, pencerenin sağ üst köşesinde görünüm boyutlarını göstermek için kullanılır. Duyarlı siteleri ve medya sorgularını test etmek için her zaman yararlı buldum.Chrome geliştirici araçlarında yeniden boyutlandırılırken görünüm genişliğini gösterilsin mi?

Son güncellemeden beri, bu durum ortadan kalktı. Tekrar açmanın bir yolu var mı?

Mac'deki en son sürümü (Sürüm 49.0.2623.87) kullanıyorum.

kaynak

2016-03-22 Jon

Bir böcek medya sorgusu yangınlar (animasyonlar kullanarak) ... olduğunda ona saniye # numarası için göstermek mümkün olabilir karşın, yine de onu uzak tıklayamıyorum // hatalar .chromium.org/p/chromium/issues/detail? id = 582421 –

Bu hata kromun en son sürümüne sabitlenmiş gibi görünüyor. Ve https://bugs.chromium.org/p/chromium/issues/detail?id=591718 –

Belirtildiği gibi bir hata. Yeniden boyutlandırma sırasında

window.addEventListener('resize', function(event){ 
    console.log(window.innerWidth); 
});

Şimdi sadece konsolu izle: defa senin konsoluna bu konur kullanıyorum ucuz bir çözüm olma. Temel genişlik kontrolü için hile yapar. Eğer medya sorgusu kesme noktaları kullanıyorsanız ellerimi

var b = document.createElement('div'); 
var bS = b.style; 
bS.position = 'fixed'; 
bS.top = 0; 
bS.right = 0; 
bS.background = '#fff'; 
bS.padding = '5px'; 
bS.zIndex = 100000; 
bS.display = 'block'; 
bS.fontSize = '12px'; 
bS.fontFamily = 'sans-serif'; 
b.innerText = window.innerWidth + 'x' + window.innerHeight; 
b.addEventListener("click", function(){bS.display = 'none';}, false); 
document.body.appendChild(b); 
window.addEventListener('resize', function(event){ 
    bS.display = 'block'; 
    b.innerText = window.innerWidth + 'x' + window.innerHeight; 
});

kaynak

2016-03-24 10:09:14

Ve bir yer imi olarak: javascript: (işlev() {var d = document.createElement ('div'); var ds = d.style; ds.position = 'sabit'; ds.top = 0; ds.right = 0; ds.background = '# fff'; ds.zIndex = 999999;, ds = '5px' ds.padding. display = 'block'; ds.fontSize = '12px'; ds.fontFamily = 'sans-serif'; d.innerText = window.innerWidth + 'x' + window.innerHeight; d.addEventListener ('click', işlev() {ds.display = none;}, yanlış); document.body.appendChild (d); window.addEventListener ('boyutlandırma' fonksiyonu (olay) {ds.display = 'blok'; d.innerText = penceresi. innerWidth + x '+ window.innerHeight;});})(); – yar1

Önemli: Her iki komut dosyası ve yer imi değeri, yalnızca tarayıcı yakınlaştırma seviyesi% 100 olduğunda gerçek değeri döndürür ... – yar1

Ben çok fazla zaman olması gerekir .. Bu css sürümü:

Burada eski resizer taklit bir versiyonu. https: o

body::before { 
    position: fixed; 
    top: 0; 
    right: 0; 
    z-index: 100000; 
    box-sizing: border-box; 
    display: block; 
    padding: 5px; 
    font-size: 12px; 
    font-family: sans-serif; 
    background: #fefaa5; 
    border: 1px solid #fff628; 
    content: 'xs'; 
} 
@media (min-width: 480px) { body::before {content: 'sm';}} 
@media (min-width: 768px) { body::before {content: 'md';}} 
@media (min-width: 992px) { body::before {content: 'lg';}} 
@media (min-width: 1200px) { body::before {content: 'xl';}}

kaynak

2016-04-08 07:35:45 publicJorn

Chrome geliştirici araçlarında yeniden boyutlandırılırken görünüm genişliğini gösterilsin mi?

cevap

İlgili konular