切换按钮可在 desktop/mobile 类似 chrome 桌面站点的视图之间切换

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;';
 }
}

切换按钮可在 desktop/mobile 类似 chrome 桌面站点的视图之间切换

Toggle button to switch between desktop/mobile view like chrome desktop site

html

javascript

wordpress

jquery

viewport