如何使我的响应式网站荣获手机上的“请求桌面版网站”？

我有一个动态网站（Java Servlet驱动和完全手动编码），它是响应式的。由于这是一个返回数据表的科学站点，因此某些选项在较小的视口宽度下不可用。不过，有些用户可能更喜欢与桌面版网站斗争，以便访问这些选项，我希望能够适应这些选项。如何使我的响应式网站荣获手机上的“请求桌面版网站”？

我的问题是什么使这成为可能的手机用户最简单的方法，无论是iOS的10和Android？这是由于“请求桌面版网站”在Android v.6中的Chrome浏览器中运行Safari 5时运行Safari iOS 5时无法在我的网站上运行。当我选择这个选项时，我真的找不到whatiOS 10。响应编码

相关信息：

Head tag: 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" /> 

CSS stylesheet viewport sections: 
@media screen and (max-width:800px) 
@media screen and (max-width:700px) 
@media screen and (max-width:625px) 
@media screen and (max-width:500px) 
@media screen and (max-width:400px)

我的网站使用的JavaScript香草 - 不JQuery的或其他框架，我宁愿避免。

我花了一些时间去谷歌，但我已经找到了讨论，涉及到特定的系统（WordPress和等）并没有什么对苹果的开发者在Safari的部分站点。

来源

2017-08-10 David

只是一个方面的说明，但你应该包括尽可能多的功能，你可能会在你的移动网站，并离开桌面版纯桌面用户。 – the4kman

@ the4kman - 相信我，我有。与我运行的其他网站不同，对无响应前兆的分析中只有6％的用户使用手机，而在平板电脑上几乎没有用户使用！电话的使用往往只是在研讨会 - 这些家伙几乎到处都带着笔记本电脑。我主要隐藏的是链接到一个包含我们数据的非响应网站，但手机尺寸不可调。不过，用户可能希望使用的网站还有其他链接。这是一个非常平衡的事情，我花了很多时间和HCI的考虑。 – David

回答这个问题我自己

所以看几台设备后，它似乎是：

移动Safari浏览器正在寻找一个单独（无响应）的非移动网站，假设它位于特定的移动网站上。
Android上运行v.6的Chrome（但不是Opera）试图破解一些东西，可能是因为忽略了@media screen声明。

但是我发现在JavaScript解决方案：

D.Tipson的responsive-request-desktop-site.js。

这适用于运行iOS 10.3.3的iPhone 5和iPhone 6的移动Safari。

来源

2017-08-11 17:12:37 David

在情况下，你可以要求该网站的PC版本，你是不是真的在谈论一个负责任的网站了。在回应之前，普通人使用两个网站。通常是www。现场和米。 M站点被格式化为移动设备的站点。如果您的手机在某个域中检测到M站点，它将默认使用该站点，如果您选择转至桌面版本，则将离开M站点以转至主站点。

如果你想创建一个M的网站，你需要将其设置为与您的托管服务提供商，并为您的域文件的M记录的附加域。

编辑：也就是说，你可以使用JavaScript来伪装它，以有条件地加载内容，它使用初始屏幕大小来选择一组默认值，可以使用页眉/页脚中的按钮进行交换。

来源

2017-08-10 20:17:54 Nosajimiki

谢谢。好奇它与Android一起工作，就好像它停止在样式表中的第一个@media屏幕上一样。我需要与同事仔细检查明天，因为我自己没有安卓手机。 – David

如何使我的响应式网站荣获手机上的“请求桌面版网站”？

回答

相关问题