Как с мобильника посмотреть полную версию responsive сайта?

Question

[Kovalsky]

Дано:
1. Сайт на wordpress,
2. Responsive тема Optimizer,
3. <meta content="width=device-width, initial-scale=1.0" name="viewport">
4. Клиент с айфоном на ios 8, использующий safari,

Задача: показать клиенту полную версию сайта, не лишая его удовольствия пользоваться при этом его любимым шестым айфоном.

Можно ли решить задачу не изменяя условия? Я никогда айфон даже не трогал, поэтому как вариант может существует какой-нибудь чекбокс в настройках safari, который заставляет браузер игнорировать meta ?

Answer 1

[Ivanq]

В chrome точно есть

Comments

[Kovalsky]

Это бы меня спасло, если бы четвертым пунктом шло "Клиент с айфоном на ios 8, использующий google chrome" )

[Ivanq]

Никита Полевой: первая ссылка в гугле
https://akket.com/iphone-ipad/10904-funktsiya-safa...

[Kovalsky]

Хорошо, попробуем) Хотя я не уверен в успехе

[Kovalsky]

Не помогло.

Answer 2

[Саша Улыч]

Добавить кнопку на сайт моб версия, и как пример код ниже при нажатии на нее ставит viewport width= 1101px, потом при повторном нажатии возвращает viewport width = device-width

$(document).ready(function(){
// viewport stuff
var targetWidth = 1101;
var deviceWidth = 'device-width';
var viewport = $('meta[name="viewport"]');

// check to see if local storage value is set on page load
localStorage.isResponsive = (localStorage.isResponsive == undefined) ? 'true' : localStorage.isResponsive;

var showFullSite = function(){    
    viewport.attr('content', 'width=' + targetWidth);  
    
    if(!$('#view-options #view-responsive').length){
        $('#view-options').append('<div id="view-responsive" class="blue_button">Мобильная версия сайта</div>');
    }    
    
    localStorage.isResponsive = 'false';
    console.log('no');
}

var showMobileOptimized = function(){
    localStorage.isResponsive = 'true';
    viewport.attr('content', 'width=' + deviceWidth);
    console.log('yes');
}

// if the user previously chose to view full site, change the viewport
if(Modernizr.localstorage){
    if(localStorage.isResponsive == 'false'){
        showFullSite();
    }
}    

$("#view-full").on("click", function(){
    showFullSite();
});
$(document).on('click', '.parent_order', function() { 

});
$('#view-options').on("click", "#view-responsive", function(){
    showMobileOptimized();
});
});