2017-07-15 19 views
7

मुझे कोई जवाब नहीं मिल रहा है जो काम करता है। मेरे पास एक आईफ्रेम है (हाँ, मुझे इस अवसर पर एक आईफ्रेम का उपयोग करना है) जो पीसी पर ठीक काम करता है, लेकिन मोबाइल या टैबलेट पर लोड नहीं होगा।iFrames मोबाइल या टेबलेट पर लोड नहीं हो रहा है

पृष्ठ पर कुछ जावास्क्रिप्ट है लेकिन इसे हटाने से समस्या ठीक नहीं होती है। मैंने आईफ्रेम ऊंचाई और चौड़ाई को प्रतिशत से निश्चित मानों में बदलने की भी कोशिश की है। मैंने src के अलावा आईफ़्रेम से सभी विशेषताओं को हटाने का भी प्रयास किया है और यह अभी भी आईफ़्रेम में कुछ भी लोड नहीं करता है।

नीचे मेरे पृष्ठ का एक सरलीकृत संस्करण है, जिसका उपयोग मैं अन्य सुझावों से ढूंढने में सक्षम हूं।

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8"> 
    <meta content='width=device-width, initial-scale=1.0' name='viewport'> 
    <style type="text/css"> 
       body, html 
       { 
        margin: 0; padding: 0; height: 100%; overflow: hidden; -webkit-backface-visibility: visible; 
       } 

       #content 
       { 
        position:absolute; left: 0; right: 0; bottom: 0; top: 0px; 
       } 
      </style> 
    </head> 
    <body> 

    <script type="text/javascript"> 
    function onFrameLoad() { 
      do stuff 
    }; 
    </script> 

    <div id="content"> 
    <iframe onload="onFrameLoad(this)" id="app" src="https://subdomain.mydomain.com" frameborder="0" height="100%" width="100%"></iframe> 
    </div> 
    </body> 
    </html> 

किसी को भी मुझे बता सकते हैं क्यों यह मोबाइल पर काम नहीं कर रहा है? धन्यवाद

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

यूआरएल मैं अपने मोबाइल पर w3schools की तरह डेमो साइटों पर iframes में आइफ्रेम कार्यों में प्रदर्शित करने के लिए तो यह किसी भी iframes समस्या की अनुमति नहीं दे (हालांकि एक्स-फ्रेम विकल्प यह सब पर काम बंद कर देंगे एक x-frame options या ब्राउज़र नहीं है कोशिश कर रहा हूँ डिवाइस, लेकिन मैंने जो कुछ भी सोच सकता है उसकी जांच की है)

यदि आवश्यक हो तो मैं संदेश के माध्यम से एक लाइव उदाहरण यूआरएल प्रदान कर सकता हूं।

+1

मुझे लगता है कि मैंने इसे समझ लिया है ... सबडोमेन यूआरएल को सीएनएन रिकॉर्ड के माध्यम से किसी तीसरे पक्ष द्वारा होस्ट किया जा रहा है और उन्होंने एक नए संस्करण में माइग्रेट करते समय अस्थायी रूप से 'एसएसएल प्रमाणपत्र' तोड़ दिया है। मुझे लगता है कि एंड्रॉइड और आईफोन ब्राउज़र फ़ायरफ़ॉक्स के समान काम करते हैं, और यदि एक सुरक्षित साइट मिश्रित सामग्री दिखाने की कोशिश कर रही है तो यह दिखाई नहीं देगी। यदि मैं किसी ब्राउज़र का उपयोग करता हूं तो मैंने पहले उपयोग नहीं किया है, तो पृष्ठ प्रदर्शित नहीं होता है, लेकिन अगर मैं पहले से उपयोग करता हूं (कैश साफ़ करने के बाद भी) यह दिखाता है। उन्हें इस हफ्ते जाहिर तौर पर इसके साथ गड़बड़ करनी चाहिए, इसलिए उम्मीद है कि यह ठीक हो जाएगा। – Lyall

+0

हालांकि मेरे टैबलेट पर कैश साफ़ करने के बाद भी यह काम कर रहे https संस्करण को दिखाता है और सब ठीक है ...हम्म। भ्रामक। – Lyall

+0

क्या आप क्रॉस-ओरिजिनल रिसोर्स शेयरिंग (सीओआरएस) पॉलिसी का सम्मान कर रहे हैं? आईफ्रेम सामग्री को प्रतिक्रिया या आधुनिक वेब ब्राउज़र में सही ढंग से सेट 'एक्सेस-एक्सेस-कंट्रोल-ओरिजिनिन' हेडर सेट के साथ सेवा की आवश्यकता है, उपयोगकर्ता की सुरक्षा के लिए प्रतिक्रिया को अवरुद्ध कर देगा। –

उत्तर

0

समस्या के रूप में मैं संदिग्ध था (मेरा डोमेन सभी https है)।

अब ये तय किए गए हैं और सब कुछ सुरक्षित रूप से होस्ट किया गया है या सुरक्षित रूप से बुलाया गया है, कैश को पूरी तरह से साफ़ करना और पृष्ठ को पुनः लोड करना भी मोबाइल ब्राउज़र पर समस्या को हल करता है।

टैबलेट पर काम करने का कारण और मोबाइल नहीं, पूरी तरह से समय पर था और जब विभिन्न तत्व https लिंक टूट गए थे (इसके बजाय http पर रीडायरेक्ट कर रहे थे) और जब विभिन्न पृष्ठों को कैश किया गया था।

0

मुझे आईओएस के वेबव्यू पर आईफ्रेम और क्रॉस-डोमेन एक्सेस के साथ एक समान समस्या का सामना करना पड़ा। समस्या कुकी स्वीकृति के साथ थी जो मुद्दों का कारण बन रही थी।

समस्या UIWebView के लिए कुकी सुरक्षा नीति (HTTPCookieAcceptPolicy) थी, जिसे पहले NSHTTPCookieAcceptPolicyAlways में डिफॉल्ट किया गया था।

लेकिन आईओएस 7 से, यह मेरे ऐप को तोड़ने, NSHTTPCookieAcceptPolicyOnlyFromMainDocumentDomain को डिफॉल्ट हो गया।

आप समस्या समान नहीं दिखती है, लेकिन समान लाइनों पर हो सकती है। iframe की URL सामग्री सुरक्षित और असुरक्षित के बीच मिलाया जाता है, तो कुछ असुरक्षित तत्वों और मोबाइल और टेबलेट (और Firefox डेस्कटॉप पर) कुछ भी प्रदर्शित नहीं करते पर कुछ ब्राउज़र बुला रहा था -

संबंधित मुद्दे