क्या उपयोगकर्ता स्क्रीन रिज़ॉल्यूशन के आधार पर एक अलग index.html पर रीडायरेक्ट करने के लिए JQuery का उपयोग करना संभव है? तो उदाहरण के लिए, 1024px चौड़े आकार तक की स्क्रीन 1024.html पर जाती है, और अन्य सभी सामान्य index.html पर जाते हैं?jQuery के साथ स्क्रीन रिज़ॉल्यूशन के आधार पर रीडायरेक्ट?
आईडी अधिमानतः इसके लिए jQuery का उपयोग करना पसंद है। किसी भी तरह की सहायता का स्वागत किया जाएगा!
धन्यवाद!
आप jQuery जरूरत नहीं है।
आप उपयोग कर सकते हैं screen.width, which works in all browsers:
if (screen.width <= 1024) window.location.replace("http://www.example.com/1024.html")
else window.location.replace("http://www.example.com/index.html")
if ($(window).width() <= 1024) location.href = "1024.html";
$(document).ready(function() {
if (screen.width >= 1024) {
window.location.replace("http://example.com/1024.html");
}
else {
window.location.replace("http://example.com/index.html");
}
});
संदर्भ नोट्स देखें answer to this question में window.location.replace और window.location.href के बीच।
एक else बयान अनंत लूप में परिणामों के ऊपर जवाब में की तरह का उपयोग करता है, तो यह index.html के लिए प्रयोग किया जाता है (पेज यानी एक उपयोगकर्ता डिफ़ॉल्ट रूप से चालू पहुंचेंगे)
के लिए एक सरल डेस्कटॉप पृष्ठ के लिए मोबाइल पृष्ठ अनुप्रेषित
आपका index.html की <head> में:
<script>
if (screen.width <= 1024) {
window.location.replace("http://www.yourMobilePage.html");
}
</script>
location.replace के बारे में अच्छी बात है, लेकिन क्यों document.ready तक इंतजार? –
document.ready के लिए कोई विशेष कारण नहीं, सिर्फ एक jQuery प्रश्न के लिए एक प्राकृतिक प्रतिक्रिया। –