切换按钮可在桌面/移动视图之间切换,例如Chrome桌面网站

时间:2018-12-04 13:53:48

标签: javascript jquery html wordpress viewport

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

到目前为止,我设法将按钮转到了桌面视图,但是:-

1)如何将其切换回移动视图? 2)在桌面视图中,如果我转到其他页面,它将回到移动视图。 那么,如何根据当前的首选视图来强制使用它?

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

到目前为止,这是我的代码:

HTML

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

JavaScript

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

1 个答案:

答案 0 :(得分: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;';
 }
}