एक आईफ्रेम पर 'एक्स-फ्रेम-विकल्प' सेट करना

जावास्क्रिप्ट के साथ एक आईफ्रेम बनाते समय, आपको एक त्रुटि का सामना करना पड़ सकता है जो दर्शाता है कि ' अनुरोधित संसाधन पर एक्स-फ़्रेम-ऑप्शंस' को 'SAMEORIGIN' पर सेट किया गया है। इसका मतलब यह है कि संसाधन को होस्ट करने वाले डोमेन (जैसे 'https://www.google.com.ua') ने संसाधन को अपने डोमेन के बाहर किसी iframe में लोड करने पर रोक लगा दी है।

'X-Frame- विकल्प के प्रतिक्रिया शीर्षलेख को iframe पर संशोधित नहीं किया जा सकता है। यह होस्ट डोमेन द्वारा सेट किया गया है और अनुमत उत्पत्ति निर्धारित करता है जिससे संसाधन को एक फ्रेम में लोड किया जा सकता है।

इस समस्या को हल करने के लिए, आपको होस्ट पर 'एक्स-फ़्रेम-विकल्प' सेटिंग को सत्यापित करने की आवश्यकता है डोमेन के प्रतिक्रिया शीर्षलेख. यदि होस्ट डोमेन ने क्रॉस-ओरिजिन फ़्रेमिंग की अनुमति नहीं दी है, तो इस सेटिंग को आईफ़्रेम से ओवरराइड करने का कोई तरीका नहीं है।

यहां क्रोम डेवलपर टूल में प्रतिक्रिया हेडर का निरीक्षण करने का एक उदाहरण दिया गया है:

'X-फ़्रेम-विकल्प' मान, इस मामले में 'SAMEORIGIN', 'प्रतिक्रिया शीर्षलेख' अनुभाग में प्रदर्शित होता है।