क्रोम डेवलपर टूल्स - ब्राउज़र का आकार?

Question

मैं Chrome डेवलपर टूल का उपयोग कर रहा है और इन अपडेट से पहले स्क्रीन ऊंचाई & चौड़ाई वेबसाइट के ऊपरी दाएँ भाग में प्रदर्शित करने के लिए प्रयोग किया जाता, पिक्सल

गूगल ने हाल ही उनके डेवलपर उपकरण के लिए अद्यतन बाहर लुढ़का में ब्राउज़र की चौड़ाई प्राप्त करने की कोशिश डेवलपर टूल स्केल करते समय पूर्वावलोकन करें, लेकिन अब स्क्रीन आकार (नीचे उदाहरण) को खोजने का कोई तरीका नहीं है?

कैसे मैं अब क्रोम देव उपकरणों के माध्यम से ब्राउज़र आकार पता कर सकते हैं?

Answer 1

वे इस उपकरण को दिखाने के लिए जिस तरह से बदलने के लिए, आप इसे डिवाइस मोड click this gif

Answer 2

यह वही नहीं है, और जितना सुविधाजनक हो उतना सुविधाजनक नहीं है। लेकिन आप डेवलपर टूल्स सेटिंग्स (सामान्य टैब, एलिमेंट्स सेक्शन, चेक "शास शासक") के तहत शासक को चालू कर सकते हैं।

फिर जब आप कोई तत्व (बॉडी या एचटीएमएल) चुनते हैं तो आप ब्राउज़र के एक्स और वाई पर शासक के साथ तत्व का आकार प्राप्त कर सकते हैं। यह आपकी ब्राउज़र विंडो के समान नहीं होगा हालांकि आपकी सामग्री ब्राउज़र से अधिक व्यापक है। यह असुविधाजनक है क्योंकि यह आपको ब्राउज़र का आकार नहीं दिखाता है क्योंकि आप इसका आकार बदल रहे हैं। उम्मीद है कि मूल सुविधा वापस आती है।

* यह भी पाया गया कि यदि आप डिवाइस मोड को टॉगल करते हैं, और ड्रॉप डाउन में उत्तरदायी का चयन करते हैं, तो आप ब्राउज़र क्षेत्र का आकार बदल सकते हैं और रीयल-टाइम स्क्रीन आकार देख सकते हैं।

Answer 3

यह एक बग है: https://bugs.chromium.org/p/chromium/issues/detail?id=582421

गूगल क्रोम बीटा शाखा इस बग पहले से ही तय हो गई है और ठीक अगले स्थिर रिलीज (संस्करण 50) के लिए जोड़ा जा सकता है।

एक अस्थायी समाधान के रूप में, आप इस बुकमार्कलेट का उपयोग कर सकते हैं:

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; 
    }; 
})();