Jquery 如何在“移动视图”上切换移动到桌面屏幕，在“实际视图”网站上切换桌面到移动屏幕，只需单击一下？

我想在手机屏幕网站上添加一个按钮，这样当点击该按钮时，网站的实际视图将在手机屏幕上打开，反之亦然

请帮帮我。

---

谢谢

您可以使用查询字符串进行此操作，然后像这样检查和切换黑白屏幕

www.example.com?mode=mobile

或

然后

---

视口元标记定义如何在移动设备上显示布局

$("#switch_layout").click(function (e){
    e.preventDefault();
    if($(this).hasClass('desktop')){
        $('meta[name="viewport"]').attr('content', 'initial-scale=1');
        $(this).toggleClass('desktop');
    }else{
        $('meta[name="viewport"]').attr('content', 'initial-scale=0');
        $(this).toggleClass('desktop');
    }
});

头标签中可能有类似的内容：

现在假设您有这样一个锚定标记：

然后，您可以使用以下脚本在mobile上的布局之间切换

$("#switch_layout").click(function (e){
    e.preventDefault();
    if($(this).hasClass('desktop')){
        $('meta[name="viewport"]').attr('content', 'initial-scale=1');
        $(this).toggleClass('desktop');
    }else{
        $('meta[name="viewport"]').attr('content', 'initial-scale=0');
        $(this).toggleClass('desktop');
    }
});

注意：这只适用于移动设备，而不适用于桌面

代码说明：

• 我们首先监听id为switch\u布局的锚定标记上的点击事件
• 要停止锚定默认功能，由于href=“#”我使用了e.preventDefault（），该功能将位于页面顶部
• 我正在使用desktop类打开和关闭移动布局，虽然这也可以通过变量完成，但应用类意味着css可以利用它

---

从这个url P.S是的，如果你有或者可以把响应css放在不同的文件中，那么我们甚至可以在桌面上切换布局。这里“e”从桌面类的位置和用途中取值，它的形式是什么。很抱歉，我认为这个信息是不完整的。请帮助我，同时提供与此超级代码相关的html n css谢谢我添加了解释。

$("#switch_layout").click(function (e){
    e.preventDefault();
    if($(this).hasClass('desktop')){
        $('meta[name="viewport"]').attr('content', 'initial-scale=1');
        $(this).toggleClass('desktop');
    }else{
        $('meta[name="viewport"]').attr('content', 'initial-scale=0');
        $(this).toggleClass('desktop');
    }
});