एक साइट को विकसित करते समय, मुझे विभिन्न ब्राउज़रों में window.open फ़ंक्शन के संचालन की जांच करने की आवश्यकता का सामना करना पड़ा। मैंने नतीजे निकालने और तय करने का फैसला किया, आप देखें कि इसकी आवश्यकता किसे है, और कौन जोड़ेगा, जो और भी बेहतर है ...



हमने परीक्षण के लिए उपयोग किया: फायरफॉक्स 3 बीटा 3, नेटस्केप नेविगेटर 9, इंटरनेट एक्सप्लोरर 6, ओपेरा 9 और कोनेकर 3.5 (सफारी परीक्षण अलग से, विषय के अंत में)। उसी समय, फायरफॉक्स 3 को दो कॉन्फ़िगरेशन में परीक्षण किया गया: डिफ़ॉल्ट रूप से और टैबमिक्सप्लस के साथ (नई खिड़कियों में पॉपअप खोलने की अनुमति के साथ)। कार्यक्षेत्र: केडीई 3.5 डेबियन पर।

1. मापदंडों के बिना कॉल करें

डिजाइन का उपयोग करने वाला पहला:

window.open ('http://www.w3.org/', 'popup');

फ़ायर्फ़ॉक्स 3 (टीएमपी)

एक पूर्ण आकार की खिड़की खोली, पूर्ण स्क्रीन (माता-पिता की तरह) के लिए अधिकतम।



फ़ायरफ़ॉक्स ३

एक नया टैब खोला।



नाविक ९

एक पूर्ण आकार की खिड़की खोली, पूर्ण स्क्रीन (माता-पिता की तरह) के लिए अधिकतम।



ओपेरा 9

एक नया टैब खोला।



IE 6

एक पूर्ण आकार की खिड़की खोली, पूर्ण स्क्रीन (माता-पिता की तरह) के लिए अधिकतम।



Konqueror

डिफ़ॉल्ट आकार के साथ एक विंडो खोली (मूल विंडो को संपूर्ण डेस्कटॉप पर विस्तारित किया गया था)।

2. खिड़की के आयाम

अब मैंने नई विंडो के लिए आयाम निर्धारित किए हैं।

window.open ('http://www.w3.org/', 'popup', 'width = 640, height = 480');

फ़ायरफ़ॉक्स 3 (टीएमपी के साथ और बिना)

640x480 पिक्सल के देखने के क्षेत्र के साथ एक खिड़की खोली। विंडो स्थिति पट्टी और पता बार (निष्क्रिय) प्रदर्शित करती है।

स्थिति बार, एड्रेस बार, टाइटल बार और विंडो बॉर्डर्स के कारण विंडो निर्दिष्ट आकार से अधिक है। खिड़की के आकार परिवर्तनशील हैं।



नवीगर 9 और कोनिकोर

640x480 पिक्सल के देखने के क्षेत्र के साथ एक खिड़की खोली। खिड़की के शीर्षक और सीमाओं के कारण खिड़की स्वयं निर्दिष्ट आकार से अधिक है।

खिड़की के आकार परिवर्तनशील हैं।



ओपेरा 9

640x480 पिक्सल के देखने के क्षेत्र के साथ एक खिड़की खोली। खिड़की के शीर्षक और सीमाओं के कारण खिड़की स्वयं निर्दिष्ट आकार से अधिक है।

इसके अलावा घोड़े में एक छोटा पैनल होता है, जिसे दबाने पर नेविगेशन पैनल तक फैल जाता है । यह देखने के क्षेत्र को कम करता है, और खिड़की का आकार नहीं बदलता है। विंडो आयाम परिवर्तनशील हैं (मतलब उपयोगकर्ता, माउस के साथ)।



IE 6

640x480 पिक्सल के देखने के क्षेत्र के साथ एक खिड़की खोली। खिड़की के शीर्षक और सीमाओं के कारण खिड़की स्वयं निर्दिष्ट आकार से अधिक है। खिड़की के आकार resizable नहीं हैं।



* * *



अब मैंने विंडो को उन आकारों में सेट किया जो स्पष्ट रूप से मॉनिटर के रिज़ॉल्यूशन से अधिक हैं।

window.open ('http://www.w3.org/', 'popup', 'width = 2000, height = 1200');

फायरफॉक्स 3, नेविगेटर 9, कोनकेर

खिड़की खोल दी, पूरे डेस्कटॉप पर विस्तार किया। FF3 में, विंडो स्टेटस बार और एड्रेस बार (निष्क्रिय) प्रदर्शित करती है।



ओपेरा 9

एक नया टैब खोला।



IE 6

उन्होंने एक ऐसी खिड़की खोली जिसमें सभी पैनल (कार्य, मेनू, आदि) सहित पूरी स्क्रीन को कवर किया गया था। विंडो का शीर्षक ऑफ स्क्रीन है।



निष्कर्ष

1. सभी ब्राउज़र दिए गए आकार को व्यूपोर्ट के आकार के रूप में मानते हैं।
2. वास्तविक विंडो आकार हमेशा निर्दिष्ट लोगों की तुलना में बड़ा होता है, और अंतर अलग-अलग ब्राउज़रों के लिए भिन्न होता है, अतिरिक्त पैनलों की उपस्थिति के कारण।
3. Internet Explorer 6 में, आप मैन्युअल रूप से विंडो का आकार बदल नहीं सकते हैं। वैसे, यह सही व्यवहार है window.open, के रूप में इस फ़ंक्शन के लिए कॉल में निर्दिष्ट सभी मापदंडों को "नहीं" (resizable सहित) के बराबर माना जाना चाहिए। यद्यपि यह उपयोगकर्ता के दृष्टिकोण से हमेशा सुविधाजनक नहीं होता है।
4. खुली खिड़की के आकार की निगरानी करना आवश्यक है, जैसा कि IE6 में एक बड़े आकार के साथ, यह उपयोगकर्ता के लिए पूरे डेस्कटॉप को कवर कर सकता है

3. पोजिशनिंग

अगली पंक्ति में विंडो के निर्देशांक हैं। इसके लिए दो जोड़े गुण हैं - आईई में बाईं और ऊपर और स्क्रीनएक्स और एनएन के लिए स्क्रीनवाई ।

वैकल्पिक रूप से, मैंने सभी ब्राउज़रों में प्रत्येक जोड़ी की कोशिश की।

window.open ('http://www.w3.org/', 'popup', 'width = 320, height = 240, left = 50, top = 50');

फायरफॉक्स 3 , नेविगेटर 9, आईई 6, कोनकेर

सभी चार ब्राउज़रों ने बाएं और ऊपर के गुणों को समझा और स्क्रीन के ऊपरी बाएं कोने के सापेक्ष विंडो को तैनात किया।

इस शुरुआती बिंदु के बावजूद, शीर्ष = 0 के साथ कोई भी ब्राउज़र, विंडो के साथ मेनू बार को ब्लॉक करने में सक्षम नहीं था।



ओपेरा 9

मैंने बाएं और ऊपर के गुणों को भी समझा, लेकिन मैंने अपने टैब बार के सापेक्ष विंडो को तैनात किया (गणना नीचे के किनारे से जाती है)।

window.open ('http://www.w3.org/', 'popup', 'width = 320, height = 240, screenX = 50, screenY = 50');

केवल गेको-ब्राउज़र (FF और NN) ने इन गुणों को समझा, ओपेरा और IE ने उन्हें अनदेखा किया।



दिलचस्प स्थिति जब स्क्रीन के आकार को स्पष्ट रूप से पार करने की कोशिश की जाती है।

window.open ('http://www.w3.org/', 'popup', 'width = 320, height = 240, left = 2000, top = 1000');

फायरफॉक्स 3, नेविगेटर 9, ओपेरा

डेस्कटॉप के निचले दाएं कोने में एक विंडो खोली (ओपेरा - इसका कार्यक्षेत्र)। पूरी खिड़की दिखाई दे रही है। पैनलों को अवरुद्ध नहीं किया जाता है।



Konqueror

उसने डेस्कटॉप के ऊपरी बाएं कोने में खिड़की को कवर किया। पैनलों को अवरुद्ध नहीं किया जाता है।



IE6

जाँच विफल। IE बस जबरन प्रक्रिया को हटाने से पहले खिड़कियां खोलना बंद कर दिया।



निष्कर्ष

1. खिड़की की स्थिति के लिए, बाईं और शीर्ष गुणों का उपयोग करें, जैसा कि उन्हें सभी बारसरों द्वारा समझा जाता है।
2. ओपेरा स्क्रीन के सापेक्ष खिड़कियों को स्थिति नहीं देता है, लेकिन इसकी टैब बार के सापेक्ष है।
3. परिस्थितियों से बचने की कोशिश करना बेहतर होता है जब खिड़की डेस्कटॉप पर फिट नहीं होती है, क्योंकि ब्राउज़र व्यवहार भिन्न होता है।

4. इंटरफ़ेस तत्व

अंतिम चीज़ जो मैंने जाँची थी वह थी इंटरफ़ेस तत्वों का प्रबंधन (विशिष्ट ब्राउज़र के लिए विशिष्ट तत्वों को छोड़कर):

• स्थान - URL के सेट के लिए एक फ़ील्ड
• मेनूबार - मेनू बार
• स्क्रॉलबार - स्क्रॉल बार
• स्टेटस - स्टेटस बार
• टूलबार - बटन के साथ एक पैनल वापस, फॉरवर्ड, रीलोड, आदि।

प्रत्येक पैरामीटर को हाँ और नहीं दोनों के साथ आज़माया गया है।



फ़ायरफ़ॉक्स ३

• स्थान - हमेशा प्रदर्शित और हमेशा निष्क्रिय, पैरामीटर को अनदेखा किया जाता है
• मेनूबार - मुख्य मेनू प्रदर्शित किया जाता है
• स्क्रॉलबार्स - स्क्रॉलबार्स दिखाई देते हैं
• स्थिति - नजरअंदाज कर दिया, स्थिति पट्टी हमेशा प्रदर्शित किया जाता है
• टूलबार - URL बार सक्रिय है, एक टैब बार और अतिरिक्त पैनल (WebDeveloper) दिखाई दिया

नाविक ९

• स्थान - निष्क्रिय दिखाई देता है। इसके अतिरिक्त, टूलबार में से एक प्रदर्शित किया गया था (WebDeveloper)
• मेनूबार - मुख्य मेनू प्रदर्शित किया जाता है
• स्क्रॉलबार्स - स्क्रॉलबार्स दिखाई देते हैं
• स्टेटस - स्टेटस बार दिखाई देता है
• टूलबार - URL बार सक्रिय है, एक टैब बार और अतिरिक्त पैनल (WebDeveloper) दिखाई दिया

ओपेरा 9

• स्थान - सक्रिय इनपुट फ़ील्ड और "बैक", "फॉरवर्ड" आदि बटन प्रदर्शित करता है।
• मेनूबार - अनदेखा
• स्क्रॉलबार्स - स्क्रॉलबार्स दिखाई देते हैं
• स्थिति - अनदेखा
• उपकरण पट्टी - नजरअंदाज कर दिया

IE 6

• स्थान - सक्रिय इनपुट फ़ील्ड, मुख्य मेनू और बटन "बैक", "फॉरवर्ड", आदि प्रदर्शित करता है।
• मेनूबार - मुख्य मेनू प्रदर्शित किया जाता है
• स्क्रॉलबार्स - स्क्रॉलबार्स दिखाई देते हैं
• स्टेटस - स्टेटस बार दिखाई देता है
• टूलबार - मुख्य मेनू और टूलबार प्रदर्शित करता है

Konqueror

• स्थान - हमेशा प्रदर्शित और हमेशा निष्क्रिय, पैरामीटर को अनदेखा किया जाता है
• मेनूबार - मुख्य मेनू और टूलबार प्रदर्शित करता है
• स्क्रॉलबार्स - स्क्रॉलबार्स दिखाई देते हैं
• स्टेटस - स्टेटस बार दिखाई देता है
• टूलबार - मुख्य मेनू और टूलबार प्रदर्शित करता है

निष्कर्ष मैं अपने लिए करना छोड़ देता हूं। हालांकि मेरी राय में, IE यहाँ window.open फ़ंक्शन के अधिक सही कार्यान्वयन को प्रदर्शित करता है।

अपने ब्राउज़र की जाँच करें

सफारी

(धन्यवाद qnick )

सफारी 3.0.4 (5523.15), मैक ओएस 10.5.2

चेकबॉक्स "पॉप-अप्स" से व्यवहार बिल्कुल नहीं बदलता है। यदि आप सेब के साथ लिंक दबाते हैं (खिड़की को एक नए टैब में खोलने के लिए मजबूर करते हैं), तो नई खिड़कियां अभी भी दिखाई देती हैं।



मापदंडों के बिना: डिफ़ॉल्ट आकार, स्थिति 32 पिक्सेल (लगभग, आंख से) निचले और वर्तमान विंडो के दाईं ओर (लेकिन अगर वर्तमान विंडो की निचली सीमा स्क्रीन की निचली सीमा के बहुत करीब है, तो नई विंडो में शीर्ष = 0 है), टूलबार, स्क्रॉल और स्थिति पट्टी उपलब्ध है, खिड़की सभी दिशाओं में फैली हुई है



आयाम 640x480: टूलबार, स्क्रॉल और स्टेटस बार गायब हो गया, खिड़की ने खींचना बंद कर दिया। स्थिति 32 पिक्सेल कम है और वर्तमान एक (या ऊपर = 0, ऊपर देखें) के दाईं ओर, आकार 640x480 + 32 पिक्सेल शीर्षक है।



बहुत बड़े आकार: वर्तमान विंडो की स्थिति की परवाह किए बिना आकार 1440x900 (स्क्रीन रिज़ॉल्यूशन), शीर्ष = 0 में बदल गया है। बाकी सब पहले जैसा है।



पोजिशनिंग: उलटी गिनती ऊपरी बाएं कोने से मेनू में जाती है, अर्थात।





नेटस्केप शैली: वही



डेस्कटॉप से ​​बाहर: बाएं = 0, शीर्ष = 0



स्थान: पता बार और टूलबार दिखाई दिया, कोई स्क्रॉल नहीं है, आयाम नहीं बदले जा सकते हैं।



मेनूबार: अनदेखा, अर्थात्। 640x480 के आकार के समान।



स्क्रॉलबार: 640x480 के आकार के समान, लेकिन एक ऊर्ध्वाधर स्क्रॉल दिखाई दिया



स्थिति: 640x480 के आकार के समान, लेकिन स्थिति पट्टी दिखाई दी।



टूलबार: स्थान के समान।

Okonchannie

यह बहुत अच्छा होगा यदि कोई अन्य ब्राउज़र और प्लेटफ़ॉर्म पर परीक्षण जोड़ता है, सबसे पहले, निश्चित रूप से, विंडोज के लिए इनएटरनेट एक्सप्लोरर 7 में।



पुनश्च

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