[Debugging] क्रोम डेवलपर टूल के साथ iframes डीबगिंग



Answers

वर्तमान में कंसोल में मूल्यांकन पृष्ठ में मुख्य फ्रेम के संदर्भ में किया जाता है और यह मुख्य फ्रेम के रूप में एक ही क्रॉस-मूल नीति का पालन करता है। इसका मतलब है कि आप आईफ्रेम में तत्वों तक नहीं पहुंच सकते हैं जब तक कि मुख्य फ्रेम नहीं कर सकता। आप अभी भी स्क्रिप्ट पैनल का उपयोग करके ब्रेकपॉइंट्स को सेट और डिबग कर सकते हैं।

अद्यतन: यह अब सच नहीं है। मेटाग्राफर का जवाब देखें।

Question

मैं अपने ऐप में चर और डीओएम तत्वों को देखने के लिए क्रोम डेवलपर कंसोल का उपयोग करना चाहता हूं, लेकिन ऐप एक iframe अंदर मौजूद है (क्योंकि यह एक ओपनसामाजिक ऐप है)।

तो स्थिति है:

<containing site>
 <iframe id='foo' src='different domain'>
  ... my app ...
 </iframe>
</containing site>

क्या डेवलपर कंसोल से उस iframe में होने वाली चीजों तक पहुंचने का कोई तरीका है? अगर मैं d ocument.getElementById("foo").something करने का प्रयास करता हूं ocument.getElementById("foo").something , यह काम नहीं करता है, शायद इसलिए कि iframe एक अलग डोमेन में है।

मैं एक नए टैब में iframe सामग्री नहीं खोल सकता, क्योंकि iframe को भी उस साइट पर बात करने में सक्षम होना चाहिए।




मेरे काफी जटिल परिदृश्य में क्रोम में ऐसा करने के लिए स्वीकार्य उत्तर मेरे लिए काम नहीं करता है। आप इसके बजाय फ़ायरफ़ॉक्स डीबगर (फ़ायरफ़ॉक्स डेवलपर टूल का हिस्सा) का प्रयास करना चाह सकते हैं, जो सभी 'स्रोत' दिखाता है, जिनमें आईफ्रेम का हिस्सा शामिल है




Links