1. घर
  2. सवाल और जवाब
  3. window.innerWidth window.outerWidth के बीच क्या अंतर है?

window.innerWidth window.outerWidth के बीच क्या अंतर है?

2012-08-22 25 views

उत्तर

8

मोज़िला डेवलपर नेटवर्क से:

window.outerWidth

window.outerWidth ब्राउज़र विंडो के बाहर की चौड़ाई हो जाता है। यह साइडबार (विस्तारित होने पर), विंडो क्रोम और विंडो आकार बदलने वाली सीमाओं/हैंडल सहित संपूर्ण ब्राउज़र विंडो की चौड़ाई का प्रतिनिधित्व करता है।

और

, सहित यदि प्रदान की गई, खड़ी स्क्रॉलबार ब्राउज़र विंडो व्यूपोर्ट के window.innerWidth

चौड़ाई (पिक्सेल में)।

यह स्पष्ट रूप से वे कैसे काम करते हैं। एक परीक्षण पृष्ठ, हालांकि, दिखाता है कि वे दोनों एक जैसे हैं, इससे कोई फर्क नहीं पड़ता कि मैं उन्हें उबंटू 12.04 पर फ़ायरफ़ॉक्स 14.0.1 में कैसे आकार देता हूं। क्रोमियम में, वे 8 पिक्सेल अलग संख्याओं को वापस करते हैं। कुछ मृत गणना करने के बाद, ऐसा लगता है कि उस विशेष ऐप पर विंडो क्रोम बाईं ओर लगभग 4 पिक्सेल और दाईं ओर 4 पिक्सेल है और यह अंतर उस ब्राउज़र में सही ढंग से उठाया जा रहा है। परीक्षण पृष्ठ के लिये

कोड मैं प्रयोग किया है:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>12066093</title> 
    <meta charset="utf-8"> 
</head> 
<body> 
<div style="width:2000px; height: 2000px;">hi</div> 
<script type="text/javascript"> 
    alert("window.innerWidth: " + window.innerWidth + "\nwindow.outerWidth: " + window.outerWidth); 
</script> 
</body> 
</html>

स्रोत

2012-08-22 04:08:09 chucksmash

+0

लेकिन हर मामले में मैं 'window.innerWidth' के दोनों देख सकते हैं और' window.outerWidth' बराबर है !! – AmerllicA

2

window.innerWidth और window.outerWidth के लिए मोज़िला संदर्भ देखें। यदि आपके ऑपरेटिंग सिस्टम/विंडो मैनेजर में उन्हें है, तो window.outerWidth में विंडो सीमाएं, हैंडल का आकार बदलना, और साइडबार शामिल हैं।

बुकमार्क या इतिहास साइडबार खोलने का प्रयास करें, फिर फ़ायरबग में फिर से प्रयास करें।

स्रोत

2012-08-22 04:01:21 Snowball

संबंधित मुद्दे

 संबंधित मुद्दे