отзывчивый или полный размер на мобильном телефоне

Question

У меня есть отзывчивый WordPress site, мой клиент хочет, чтобы на мобильном телефоне была возможность просмотреть сайт в полном объеме, отключающий отзыв вариант. Теперь с помощью коллег программиста здесь, я получил это:

<script> 
var yetVisited = localStorage['visited']; 
if (!yetVisited) { 
    // open popup 
    localStorage['visited'] = "yes"; 
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
    var answer = confirm('Would you like to switch to the mobile version of Klofficerent'); 
    if (answer) { 
     console.log('yes');  
    } else { 
     console.log('cancel'); 
     viewport = document.querySelector("meta[name=viewport]"); 
     viewport.setAttribute('content', 'width=device-width, initial-scale=0, maximum-scale=1.0, user-scalable=0');     
    } 
    } 
} 
</script> 

Это вроде работает, когда я захожу по ссылке kunkka.oni.cc, мой сайт превращается в ответ на мобильный, но он не будет сохранить эту настройку, если Я нажимаю на другие страницы, и мне это нужно. У кого-нибудь есть идеи?

Answer 1

Вы можете добавить параметр к URL-адресу с помощью # (то есть #mobile), а затем проверить его с помощью регулярного выражения, когда загружается любая страница. Вы можете добавить его к любому атрибуту привязки href на странице при нажатии кнопки на странице.

Этот код добавляет «#мобиль» к URL страницы при нажатии кнопки. Когда страница загружается, если URL-адрес заканчивается «#mobile», тогда код добавит «#mobile» к атрибуту href всех тегов <a>.

if (window.location.href.indexOf("#mobile", window.location.href.length - "#mobile".length) !== -1) { 
    $("a").each(function(){ 
     $(this)[0].href = $(this)[0].href.replace(/\#mobile$/, '') + "#mobile"; 
    }); 
} 
$("#mobile").click(function(){ 
    window.location.href = window.location.href.replace(/\#mobile$/, '') + "#mobile"; 
    location.reload(); 
}); 

http://jsfiddle.net/IronFlare/qLf395dq/3/