切换按钮以在桌面端和移动端之间切换视图，类似于Chrome桌面站点。

Question

切换按钮以在桌面端和移动端之间切换视图，类似于Chrome桌面站点。

javascriptjqueryhtmlwordpressviewport

4

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

目前，我成功实现了按钮进入桌面视图，但是：

1）如何将其切换回移动视图？ 2）在桌面视图中，如果我转到其他页面，它只会回到移动视图。因此，基于我的当前首选视图，如何强制执行视图？

基本上，我想要实现的就像 Chrome 桌面站点选项一样。

以下是我的代码：

HTML

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

Javascript

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

- iceiceicy

3

使用Cookies来存储信息（JavaScript也可以存储Cookie）。然后在您的页面中读取Cookie并自动切换视图。一旦用户选择了不同的视图，将其存储在Cookie中并进行切换。这样，您可以在不同的页面加载之间保持视图不变。 - Nikos M.

1

就像@NikosM所说的那样-您需要将信息存储在某个地方，以便您的用户客户端记住选择。 - Stender

好的，我会研究存储cookies的方法。 - iceiceicy

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Maciek Semik · Accepted Answer

Maybe try this:

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