切换按钮以在桌面/移动视图之间切换，如 chrome 桌面站点答案

【问题标题】：Toggle button to switch between desktop/mobile view like chrome desktop site切换按钮以在桌面/移动视图之间切换，如 chrome 桌面站点
【发布时间】：2018-12-04 13:53:48
【问题描述】：

对于我的移动菜单，我想在桌面视图中添加一个切换按钮，用户可以再次单击该按钮以返回移动视图。

到目前为止，我设法使按钮转到桌面视图，但是：-

1) 如何将其切换回移动视图？ 2）在桌面视图中，如果我转到其他页面，它只会返回到移动视图。 那么，如何根据我当前的首选视图强制它？

基本上，我要实现的目标与 chrome 桌面站点选项完全相同。

到目前为止，这是我的代码：

HTML

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

Javascript

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

【问题讨论】：

使用cookies（javascript也可以存储cookies）。然后在您的页面中读取 cookie 并自动切换视图。然后，一旦用户选择了不同的视图，将其存储在 cookie 和 swicth 中。这样您就可以在不同的页面加载之间保持视图
喜欢@NikosM。说 - 您需要将信息存储在某处，以便您的用户客户端记住选择
好的。我会考虑存储 cookie。

标签： javascript jquery html wordpress viewport

【解决方案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;';
 }
}

【讨论】：

天哪，我什至没有想到这个简单的 if 语句。谢谢！
@NazrinNoorzan 没问题，你能接受答案吗？谢谢
是的，稍后。我先调查一下 cookie。