आईओएस 6 सफारी फुलस्क्रीन पहचान

Question

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

मैं खिड़की, दस्तावेज़ और एक 'आवरण' div (चौड़ाई के साथ और स्थापित करने की कोशिश की है ऊंचाई सीएसएस में 100% तक सेट) घटनाओं को ऑन्रेस करें (सामान्य जावास्क्रिप्ट के माध्यम से और jQuery 'आकार बदलें' ईवेंट के माध्यम से), लेकिन जब मैं पूर्ण स्क्रीन मोड पर जाता हूं तो वे ट्रिगर नहीं होते हैं।

मैंने स्क्रीन/दस्तावेज़/रैपर की चौड़ाई और ऊंचाई में परिवर्तन की जांच करने के लिए अंतराल भी सेट किया, लेकिन उन्होंने कोई बदलाव नहीं दिखाया।

क्या उपयोगकर्ता ने (या बाएं) पूर्ण स्क्रीन मोड को गीला करने का कोई और तरीका तय किया है?

Answer 1

ठीक है, मुझे नहीं पता कि यह पहले क्यों काम नहीं करता है, लेकिन मैं नई सफारी आईओएस डीबग कंसोल (जिसे अब आपके मैक पर गंदे सफारी जाने की आवश्यकता है) को दोषी ठहराते हैं, क्योंकि यह हमेशा नहीं दिखाता कंसोल पर भेजे गए सभी लॉग।

हालांकि, जब मैंने सिर्फ एचटीएमएल-दस्तावेज़ के शरीर को संदेश जोड़ दिए, तो घटनाएं काम कर रही थीं। विंडो में jQuery 'आकार बदलें' ईवेंट बाध्यकारी सबसे अच्छा विकल्प प्रतीत होता है।

दस्तावेज़ ऊंचाई कुछ लगभग 200 जब नहीं पूर्ण स्क्रीन और जब पूर्ण स्क्रीन में यह 320.

सरल समाधान सिर्फ काम करने के लिए लगता है है। (यह पता लगाने के लिए कि आईफोन लैंडस्केप मोड में है या नहीं, बस इसे एक अभिविन्यास परिवर्तन फ़ंक्शन के साथ संयोजित करें (http://ajaxian.com/archives/iphone-windowonorientationchange-code))।

$(window).on('resize', function(){ 
     if ($(this).height() > 300 && 
      (window.orientation == 90 || window.orientation == -90)) { 
      // Full screen! 
     } else { 
      // Exit full screen! 
     } 
    });