टाइपोफ़ और स्ट्रैसिंग के साथ ब्राउज़रों का व्यवहार

आज मैंने एक परियोजना लिखना शुरू कर दिया, जिसका एक हिस्सा श्रमिकों के साथ अविनाशी टाइमर थे जो एक पूर्ण जानवर बल clearTimeout / ClearInterval का सामना कर रहे थे। शर्तों में से एक यह था कि स्क्रिप्ट चलाने से पहले कार्यकर्ता या अन्य कार्यों / वस्तुओं को बदला जा सकता है। ऐसा करने के लिए, मैंने फ़ंक्शन लिखा है isNativeObject() , isNativeFunction() , प्रत्येक में दर्जनों स्थितियां हैं और फ़ंक्शन / ऑब्जेक्ट के प्रतिस्थापन / नहीं प्रतिस्थापन को परिभाषित करता है और अप्रत्यक्ष संकेत एक "चालबाजी" का संकेत देता है।

लेकिन यहाँ यह इन कार्यों का विषय नहीं है, मेरी परियोजना से बहुत कम है। सभी प्रकार की मूल वस्तुओं को चलाते हुए, मैं टाइपफो और स्ट्रींग के साथ वस्तुओं को संसाधित करते समय एक अलग तरह के ब्राउज़र व्यवहार में आया।

उदाहरण के लिए, मैं इस तथ्य से बहुत प्रभावित हुआ कि बिल्कुल सभी ब्राउज़र अलग-अलग मूल्य देते हैं

 Worker.prototype + ""; // FF 3.6 [xpconnect wrapped native prototype] // Op 11 [object DedicatedWorkerPrototype] // Sa 4 [object WorkerPrototype] // Ch 10 [object Object] 

सभी देशी कंस्ट्रक्टर और प्रोटोटाइप में सफारी, प्रोटोटाइप, कंस्ट्रक्टर - [object WorkerConstructor], [object WorkerPrototype]

यह लेख टाइपोफ़ और स्ट्रींग के साथ ब्राउज़रों के अन्य दिलचस्प व्यवहारों का वर्णन करता है।

फ़ायरफ़ॉक्स 3.6, फ़ायरफ़ॉक्स 4

 typeof Worker // function Worker + "" // [object Worker] -    [object ...] Worker.prototype + "" // [xpconnect wrapped native prototype] ??? //   XMLHttpRequest  FileReader 

 typeof localStorage.prototype // object -     undefined localStorage.prototype + "" // null 

 navigator.geolocation + "" // [object GeoGeolocation] -        Geo-     [object Geolocation] 

फ़ायरफ़ॉक्स स्थिरांक को अनुकूलित करता है, उद्धरण बदलता है, और कोड को स्ट्रींग में संरेखित करता है:

 (function(){return'a'+'b';}).toString(); // function () { // return "ab"; // } 

फ़ायरफ़ॉक्स नेवीगेटर बदलने की कोशिश करते समय एक अपवाद फेंकता है

ओपेरा 11

ओपेरा टाइपो और स्ट्रींग के साथ कम या ज्यादा अच्छा है, लेकिन निम्नलिखित व्यवहार संदिग्ध है:

 Worker.prototype + "" // [object DedicatedWorkerPrototype] - Dedicated! XMLHttpRequest.prototype + "" // [object XMLHttpRequestPrototype] EventSource.prototype + "" // [object EventSourcePrototype] 

नाम सफारी के समान हैं, "उधार" किससे लिया गया है?
ओपेरा आपको नेविगेटर.यूज़रएजेंट को बदलने की अनुमति देता है

सफारी और मोबाइल सफारी

सफारी, इसके प्रोटोटाइप, कंस्ट्रक्टर उपसर्गों के अलावा, निम्नलिखित विशेषता है - इसकी सभी मूल वस्तुओं में टाइपोफ़ === 'ऑब्जेक्ट' है, हालांकि कुछ (एक्सएचआर और वर्कर) 'फ़ंक्शन' होना चाहिए।

 RegExp.prorotype + "" // // -    IE /(?:)/ 

सफारी नेवीगेटर.सुएरएजेंट को नहीं बदलता है और अपवाद को नहीं फेंकता है

IE 8

मैंने IE की जाँच की हर चीज से केवल XMLHttpRequest और RegExp की पहचान करने में सक्षम था, इसलिए इसके लिए सूची इतनी बड़ी नहीं है:

 typeof XMLHttpRequest // object XMLHttpRequest.prototype + "" // [Interface prototype object] RegExp + "" // \nfunction RegExp() {\n [native code]\n}\n -        

 RegExp.prorotype + "" // // -     typeof document.getElementById // object o_O 

IE 8 नेवीगेटर बदलने की कोशिश करते समय एक अपवाद फेंकता है। एसेरजेंट, IE 9 एक सफारी की तरह व्यवहार करता है।
IE 9 में, उपरोक्त सभी बग्स तय किए गए थे, सिवाय इसके कि [मूल कोड] कार्यों में अभी भी \ n पूर्ण हैं

क्रोम 10 बीटा

Chrome में केवल एक "सुविधा" है:

 Worker.hasOwnProperty("toString") // true -        ... 

क्रोम, सफारी की तरह, नेविगेटर.सुएरएजेंट को नहीं बदलता है और अपवाद को नहीं फेंकता है

वह सब नहीं है

सारांश, ब्राउज़र और ऑब्जेक्ट्स की पूरी तालिका: goo.gl/tD1jr
परीक्षक कोड: jsfiddle.net/azproduction/V4LeE

निष्कर्ष

हालांकि सभी ब्राउज़र (8 नहीं) एसिड 3 पास करते हैं, लेकिन विवरण में अभी भी कई कीड़े हैं। टाइप करने के लिए फिक्स्ड प्रतिक्रियाएं और अपने डकार टाइपिंग के साथ जावास्क्रिप्ट के लिए स्ट्रिंग बहुत महत्वपूर्ण हैं।

अध्ययन में शामिल वस्तुएं: कार्यकर्ता, XMLHttpRequest, CanvasContext, CanvasContext3D, Storage, WebSocket, FileReader, EventSource, navigator.geolocation, HTMLElement, RegExp, querySelectorAll, getElementsByTagName, चाइल्डशॉट।
ब्राउज़र्स: फ़ायरफ़ॉक्स 4, फ़ायरफ़ॉक्स 3.6, ओपेरा 11, सफारी, IE 8, IE 9, क्रोम 10 बीटा, मोबाइल सफारी आईओएस 4.2.1

तकनीकी कारणों से, मैं सभी मोबाइल ब्राउज़र नहीं जोड़ सकता। मैंने HTMLElement के साथ डिब्रीफिंग अलग से नहीं की है - सभी ब्राउज़रों में बकवास है।

PS मैं उन लोगों का आभारी रहूँगा, जो बाकी मोबाइल ब्राउज़र (क्रोम मोबाइल, ओपेरा मोबाइल) को स्कैन करते हैं - परीक्षक की जारी करने की सूचना को मुझे LAN में फेंक देते हैं। यदि आप अपने किसी प्रकार के परीक्षण को जोड़ना चाहते हैं - तो इसे टिप्पणी के लिंक के साथ परीक्षक के अंत में जोड़ दें - मैं बाद में तालिका को अपडेट कर दूंगा।

UPD ने फ़ायरफ़ॉक्स 4, IE 9 (धन्यवाद hf35 ), मोबाइल सफ़ारी iOS 4.2.1, ओपेरा के लिए ws (धन्यवाद स्कीन ) जोड़ा
जोड़ा गया querySelectorAll, getElementsByTagName, childNodes

UPD2 Object.prototype.toString (...) पर प्रत्येक ऑब्जेक्ट के लिए उत्तर जोड़े गए