सीएसएस/जेएस/एचटीएमएल के माध्यम से परिदृश्य के लिए बल डिवाइस अभिविन्यास?

Question

संभव डुप्लिकेट:
Mobile site - force landscape only/no auto-rotate

मैं इस बारे में कुछ posts देखा है लेकिन वास्तव में एक निश्चित जवाब है, बल्कि कुछ सुझाव दिया समाधान मिल गया।

क्या वेबपृष्ठ के माध्यम से डिवाइस अभिविन्यास को बल देना संभव है? I.e: क्या मैं अपनी साइट को परिदृश्य के रूप में 'जाम' कर सकता हूं?

बहुत

Answer 1

आप कर सकते हैं जावास्क्रिप्ट के साथ धन्यवाद। पहले जांच कर लें यह समर्थित है: यदि आप रोटेशन पर कुछ करना चाहता हूँ

if (window.DeviceOrientationEvent) { 
    console.log("DeviceOrientation is supported"); 
} 

फिर eventListener जोड़ें:

window.addEventListener('deviceorientation', function(eventData) {}); 

मुझे लगता है कि आप जब यह बदल गया है प्रतिक्रिया करने के लिए अपनी तरफ से सक्रिय होना चाहिए। आप अभिविन्यास को ट्रिगर नहीं कर सकते, क्योंकि डिवाइस ऐसा करता है। तो जब आपकी वेबसाइट लैंडस्केप मोड में लोड हो जाती है, तो आपको इसका पता लगाना चाहिए और साइट को लैंडस्केप-मोड (कस्टम सीएसएस लोड करें) में प्रस्तुत करना चाहिए और फिर जब विज़िटर अपना फोन या टैबलेट बदलता है तो श्रोता आपकी साइट को एक नए सीएसएस के साथ पुनः प्रस्तुत कर सकता है जावास्क्रिप्ट के माध्यम से फ़ाइल (jQuery इन स्थितियों के लिए सलाह दी)।

आप यह भी कर सकते हैं कि साइट में इसमें अधिक गतिशीलता नहीं है, आप केवल उन्मुखीकरण को बदलने के लिए जीईटी विधि कॉल के साथ पृष्ठ को फिर से लोड कर सकते हैं, लेकिन निश्चित रूप से यह धीमा विकल्प हो सकता है। एक मोबाइल डिवाइस पर जावास्क्रिप्ट के साथ एक पूरी वेबसाइट को फिर से प्रस्तुत करना अक्सर मेरे आईफोन पर पहले परीक्षण किए गए फोन के लिए फोन को गर्म कर सकता है। जावास्क्रिप्ट इंजन तेज़ है और आसानी से सबकुछ प्रस्तुत करने के लिए बहुत सी सीपीयू खींचता है, लेकिन थोड़े समय में कई संसाधन भी खाता है, जिससे मोबाइल डिवाइस को लगातार प्रस्तुत करना जारी रखना मुश्किल हो जाता है। जावास्क्रिप्ट कॉल के साथ एचटीएमएल 5 गेम बनाते समय इसका सबसे अच्छा उदाहरण है। एक आईफोन अंततः एक ऐप में खेल खेलना पसंद कर सकता है: पी।