🙍🏽 🧓🏽 👩🏼‍🍳 Userscripts। क्रॉस डोमेन अनुरोध 👨‍🏭 🖖 ✊🏾

शुभ दिन।
आज हम उपयोगकर्ता स्क्रिप्ट में क्रॉस-डोमेन प्रश्नों के आयोजन के विकल्पों पर विचार करेंगे।
मैं इस या उस तंत्र के कार्यान्वयन के विवरण में नहीं जाऊंगा, लेकिन मैं क्रॉस-डोमेन प्रश्नों के लिए एक क्रॉस-ब्राउज़र शेल का एक उदाहरण दूंगा।

प्रविष्टि

जैसा कि आप जानते हैं, एक ब्राउज़र वातावरण के प्राकृतिक वातावरण में अपने शुद्ध रूप में, क्रॉस-डोमेन अनुरोध एक तुच्छ बात नहीं है ( एक ही मूल नीति के लिए धन्यवाद)।
CORS के साथ XMLHttpRequest समर्थन सभी ब्राउज़रों में उपलब्ध नहीं है (यह अभी तक ऑपेरा में सामने नहीं आया है)।
JSONP केवल GET अनुरोधों की अनुमति देता है, और फ़्रेम के माध्यम से निकटता आपको तीसरे पक्ष के पुस्तकालयों का उपयोग करने या खौफनाक बाइक लिखने के लिए मजबूर करता है।

ब्रेक: यदि आप इस जगह पर पढ़ते हैं, और एक शब्द नहीं समझते हैं, तो एक ब्रेक लें, Google अज्ञात शब्द, चाय पीएं। खुश हो जाओ, आगे "उंगलियों पर" और कोड के साथ स्पष्टीकरण होगा। शुरुआत करने वाले स्क्रिप्ट राइटर आसानी से सांस ले सकते हैं: हम विवरण में नहीं जाते हैं, लेकिन सभी कोड के साथ काम करने वाला कोड और सिद्धांत की एक बूंद आपके ज़ाशनिक में होगी ।

मूल बातें

क्रॉस-डोमेन प्रश्नों की समस्या क्या है? सभी ब्राउज़र सुरक्षा के लिए हमारी स्वतंत्रता को सीमित करते हैं। इसलिए, "अविश्वसनीय" स्रोतों से अनुरोधों को दबा दिया जाता है। लेकिन अगर हम सूत्रों पर भरोसा करें तो क्या होगा? यह सही है, "बैसाखी" (जिनमें से कई सामान्य अभ्यास हैं) का उपयोग करें।

उपयोगकर्ता स्क्रिप्ट के भाग के रूप में, किसी को पर्यावरण द्वारा लगाए गए प्रतिबंधों को ध्यान में रखना चाहिए जिसमें स्क्रिप्ट चलाए जा रहे हैं ( इस आलेख में विवरण) प्लस एक अतिरिक्त महत्वपूर्ण स्थिति: सर्वर भाग तक उपलब्धता की उपलब्धता (उपलब्धता बनाने की क्षमता) या एक विशिष्ट अनुरोध विधि को लागू करने के लिए सर्वर एपीआई!

नीचे दी गई तालिका में कुछ "बैसाखी" और उपयोगकर्ता स्क्रिप्ट के लिए उनकी प्रयोज्यता को दिखाया गया है।

विधि का नाम + लिंक	संक्षिप्त विवरण	सर्वर एक्सेस की आवश्यकता है	उपयोगकर्ता स्क्रिप्ट में इस्तेमाल किया जा सकता है
JSONP हैबे पर लेख	केवल अनुरोध प्राप्त करें । दस्तावेज़ निकाय में <script> टैग सम्मिलित करके जानकारी का अनुरोध किया जाता है। सर्वर प्रतिक्रिया स्क्रिप्ट के शरीर में आती है और ब्राउज़र द्वारा निष्पादित की जाती है। इस स्थिति में, "आवरण" फ़ंक्शन को स्क्रिप्ट में परिभाषित किया जाना चाहिए, जो सर्वर से प्रेषित होता है और प्रतिक्रिया में निहित होता है।	एक्सेस या JSONP API की आवश्यकता	IE7 + ओपेरा फ़ायरफ़ॉक्स
एक्सएचआर + कोर हैबे पर लेख मोज़िला हैक्स पर अनुच्छेद	अनुरोध XMLHttpRequest (XHR) के माध्यम से विशेष अनुरोध हेडर के विनिर्देश के साथ लागू किया गया है।	एक्सेस की आवश्यकता या XHR कॉर्स API	IE8 + फ़ायरफ़ॉक्स क्रोम (विस्तार)
iframe परिवहन	दस्तावेज़ में एक अदृश्य iframe रखकर अनुरोध किया जाता है, जो मूल विंडो पर प्रतिक्रिया देता है। बहुत भ्रमित करने वाला तरीका।	प्रवेश आवश्यक है। सबसे आसान तरीका है easyXDM पुस्तकालय का उपयोग करना (आपको क्रोम और फ़ायरफ़ॉक्स के लिए थोड़ा संशोधन की आवश्यकता है)।	IE7 + फ़ायरफ़ॉक्स ओपेरा क्रोम (विस्तार)
उपयोगकर्ता स्क्रिप्ट की मूल विशेषताएं	प्रत्येक ब्राउज़र के लिए विशिष्ट। IE में, वे एक वर्ग के रूप में अनुपस्थित हैं। फ़ायरफ़ॉक्स + GreaseMonkey GM_xmlHttpRequest (XMLHttpRequest का एक एनालॉग), GET + POST अनुरोध प्रदान करता है। Chrome पूर्ण क्रॉस-डोमेन XMLHttpRequest प्रदान करता है, लेकिन केवल एक्सटेंशन, GET + POST अनुरोधों के लिए। ओपेरा में एक पूर्वस्क्रिप्ट घटना है जिसके साथ आप <script> (JSONP नहीं, इसलिए सर्वर तक पहुँच की आवश्यकता नहीं है) के माध्यम से एक GET अनुरोध कर सकते हैं।	कोई सर्वर एक्सेस की आवश्यकता नहीं है ।	फ़ायरफ़ॉक्स ओपेरा क्रोम (विस्तार)

स्क्रिप्ट के विशाल बहुमत के लिए, सर्वर तक पहुंच एक महत्वपूर्ण पैरामीटर है। इसके अलावा, जीईटी अनुरोधों का सबसे अधिक उपयोग किया जाता है (यदि स्क्रिप्ट दुर्भावनापूर्ण नहीं है, मेगा-इंटेलिजेंस के साथ संपन्न नहीं है, या किसी सेवा का हिस्सा नहीं है)।

सारणी की सावधानीपूर्वक जाँच करने के बाद, आप क्रॉस-ब्राउज़र क्वेरी को क्रॉस-ब्राउज़र क्वेरी स्क्रिप्ट को व्यवस्थित करने के तरीकों की एक अनुमानित सूची बना सकते हैं:

Chrome = पैकेजिंग + XMLHttpRequest को सम्‍मिलित करना ( तीसरे लेख में वर्णित)
फ़ायरफ़ॉक्स + GreaseMonkey = GM_xmlHttpRequest का उपयोग करते हुए
ओपेरा = पहलेस्क्रिप्ट इवेंट और स्क्रिप्ट ट्रांसपोर्ट का उपयोग करना
IE7 + = JSONP का उपयोग करना

नुकसान:

केवल अनुरोध प्राप्त करें (90% के लिए महत्वपूर्ण नहीं)
IE को सर्वर या JSONP API तक पहुँच की आवश्यकता है (90% के लिए महत्वपूर्ण नहीं है, बाकी के लिए इसे YQL के माध्यम से हल किया जा सकता है)
ट्रांसपोर्ट त्रुटियों से निपटने की अनुमति नहीं
ओपेरा के लिए आपको एक अतिरिक्त फ़ाइल की आवश्यकता होगी

GM_xmlHttpRequest पर अधिक

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

var GMTransport = function(url, onDone){     setTimeout(function(){GM_xmlhttpRequest({         method : "GET",         url : url,         onload : function(x) {           var o = x.responseText;           if (onDone) {             onDone(o);           }         }       });},0); }

BeforeEvent

यह घटना केवल ओपेरा के लिए प्रासंगिक है। इसे निष्पादित करने से पहले दस्तावेज़ में कोई स्क्रिप्ट तत्व दिखाई देने पर कॉल किया जाता है । एक घटना को रोका जा सकता है और स्क्रिप्ट को रोक दिया गया है। जिसका हम उपयोग करेंगे।

महत्वपूर्ण: ओपेरा के लिए, आपको एक अलग फ़ाइल की आपूर्ति करने की आवश्यकता है जिसमें घटना को माउंट किया जाएगा। यह कस्टम स्क्रिप्ट निष्पादित करने की ख़ासियत के कारण है। कृपया ध्यान दें: अतिरिक्त स्क्रिप्ट में कोई मेटाडेटा नहीं होना चाहिए ! स्क्रिप्ट का नाम एक अंडरस्कोर से शुरू होता है ताकि स्क्रिप्ट पहले लोड हो।

एक अतिरिक्त स्क्रिप्ट से लिंक: _opera-xdr-engine.js
Pastebin.com पर अतिरिक्त स्क्रिप्ट कोड।

अनुरोध निम्नलिखित फ़ंक्शन को कॉल करके किया जाता है:

 var scriptTransport = function(url, onDone){    var t = document.createElement("script");    t.src = url;    t._callback = onDone;    document.body.appendChild(t); }

नोट: ओपेरा के लिए, एक और उपाय है: tyts । मैंने इसे नहीं चुना, लेकिन शायद यह यहां प्रस्तुत करने से बेहतर है।

JSONP

JSONP कार्यान्वयन होमवर्क के रूप में रहता है :)
सौभाग्य से, नेट पर काम करने के बहुत सारे उदाहरण हैं।
लेकिन सबसे पहले, आपको अपने आप से पूछने की जरूरत है: क्या आपको वास्तव में IE में अपने उपयोगकर्ता स्क्रिप्ट के लिए समर्थन की आवश्यकता है?

क्रोम को समझना

Chrome में अनुरोध करने के लिए आपको उपयोगकर्ता स्क्रिप्ट को एक्सटेंशन में पैक करना होगा।
इस विधि को पिछले लेख में विस्तार से वर्णित किया गया है। क्रॉस-डोमेन अनुरोध का एक उदाहरण प्रॉक्सिंग भी दिया गया है (अनुरोध फ़ंक्शन के लिए कॉल नीचे शेल में पाया जा सकता है)।
यदि आप लेख पढ़ने के ~~लिए लिंक का पालन करने के लिए बहुत आलसी~~ हैं और स्क्रिप्ट पैक करना जानते हैं, तो past.html पर उपलब्ध बैकग्राउंड. html का कोड उपलब्ध है ।

खोल

उपरोक्त सभी विधियां एक शेल में एकत्र की जाती हैं।
कोड "सर्वश्रेष्ठ कोड 2011" होने का दावा नहीं करता है, लेकिन यह काम कर रहा है और व्यावसायिक उपयोगकर्ता लिपियों में विभिन्न संस्करणों में उपयोग किया जाता है (हां, कुछ हैं)।

Pastebin.com पर शेल कोड पाया जा सकता है।
कॉल करके डोमेन अनुरोध को पार करें

 xdr.xget(url, callback);

आवश्यक परिवहन का निर्धारण स्वचालित रूप से होता है।

उपयोगकर्ताओं को लिखना सीखना
Userscripts। गहरा जाओ
Userscripts। हम क्रोम के लिए एक उपयोगकर्ता स्क्रिप्ट पैक करते हैं
»Usersctripts। क्रॉस डोमेन अनुरोध

Userscripts। क्रॉस डोमेन अनुरोध