Кнопка переключения для переключения между режимами просмотра рабочего стола и мобильного устройства, например сайта Chrome Desktop.

Question

Для моего мобильного меню я хотел бы добавить кнопку переключения в представление рабочего стола, и пользователь может снова нажать кнопку, чтобы вернуться в представление для мобильных устройств.

Пока что мне удается сделатькнопка, чтобы перейти к представлению на рабочем столе, но: -

1) Как я могу переключить его обратно на мобильный просмотр? 2) Если на рабочем столе, если я перехожу на другую страницу, он просто идетВернуться к мобильному виду. Итак, как я могу заставить его основываться на моем текущем предпочтительном представлении?

По сути, я пытаюсь достичь именно такой, как вариант рабочего стола Chrome.

Вотмой код до сих пор:

HTML

<button onclick="requestDesktopSite()">Request Desktop Site</button>

Javascript

function requestDesktopSite() {
document.getElementsByTagName('meta')['viewport'].content='width= 1440px;';
}

Answer 1

Может быть попробовать это:

function requestDesktopSite(){
 if(document.getElementsByTagName('meta')['viewport'].content=='width= 1440px;'){
  document.getElementsByTagName('meta')['viewport'].content='width= 400px;';
 }else{
  document.getElementsByTagName('meta')['viewport'].content='width= 1440px;';
 }
}