阻止显示简化视图提示或在 Chrome 上使用简化视图答案

【问题标题】：Prevent show simplified view prompt or work with simplified view on Chrome阻止显示简化视图提示或在 Chrome 上使用简化视图
【发布时间】：2018-11-08 07:56:39
【问题描述】：

我有一个网站，如果按照我设计的方式查看，它看起来不错。每次我从 Android 上的 Chrome 访问它时，屏幕底部都会提示我“显示简化视图”。如果我单击该提示以在简化视图中实际查看它，该站点将仅显示 1 个新闻项目（页面上应该有 25 个），它会删除所有控件（登录、添加新闻项目、cmets）和滚动不再工作了。还有多个其他问题（标题/图片/文章摘录不匹配，缺少配色方案等）仅在 Google Chrome 上发生，我测试过的其他浏览器都没有。

我没有在其他网站上看到切换到简化视图的提示。我的偏好是在我的网站上放置一个标签，从不显示此提示。我已经搜索过了，但我只找到了关于如何从 Chrome 打开该功能的文章，没有找到关于如何从服务器端禁用该功能的文章。

我的第二个想法可能是使用这个简化的视图，让它为想要使用它的人提供功能。但是，我读到它也阻止了所有广告，并且我的网站仅由广告支持，所以如果我绝对无法阻止提示出现，那么这是一个遥远的秒。

总结一下：

如何防止出现“显示简化视图”提示或
如果做不到这一点，我该如何设置我的网站以使用简化视图？

【问题讨论】：

非常令人沮丧地继承了一个包含数千行代码（全部使用像素测量）的项目，而 Google 没有明确指示是什么触发了“显示简化视图”导航栏。从根本上说，修改页面内容与谷歌无关，这不就是我们切换到https的原因吗？！ #Google #monopoly #antitrust
作为 Chrome Android 用户，我喜欢简化视图，因为那里的大多数网页都写得很糟糕，并且充满了最终与用户无关的内容，因此切换到简化视图可以节省电池，让人们安静地阅读一些血腥的超文本，不受干扰。这是我的用户代理，它正在根据我的喜好“修改”页面为我。

标签： html css twitter-bootstrap google-chrome bootstrap-4

【解决方案1】：

当有更多文本时显示简化视图提示，Chrome 提示它是否认为它是用户要阅读的段落网站（通过检测文本（大约 700 多个）

如果您截断或删除文本，并减少它。 Chrome 不会提示。

【讨论】：

【解决方案2】：

我最终得到了一个更好的解决方案

p { display: table; }

在我的例子中，只需将段落更改为任何通用块即可。

【讨论】：

【解决方案3】：

将页面中的 P 标记替换为 div。此模式也称为阅读器模式。可能 this answer 可能会对您有所帮助。

【讨论】：

在此页面上的两个中，这是更合适的解决方案，对于那些可能在移动设备上使用绝对大且可读的字体但 Chrome 决定发牢骚并说“nooo make”的人它更大”。 P 标签使 chrome 决定网页的结构主要是像一本充满文本的书一样阅读，因此添加了“阅读器模式”建议。

【解决方案4】：

祝你好运。有一个永久的解决方案。进入 chrome://flags 并搜索“阅读器模式”并禁用名称上带有“阅读器模式”的两个标志。然后，它就完成了，你再也不会被那个弹出窗口惹恼了（除非你卸载并重新安装那个 chrome 浏览器，然后......你必须这样做再次）。谢谢朋友，再见。

【讨论】：

嗯，我是从网页设计师的角度而不是最终用户的角度工作，但我想这里也有最终用户的角度。

【解决方案5】：

同时检查移动设备的视口设置。当我将视口的初始比例更改为 0.6 时，我收到了这个弹出窗口。

基本上谷歌认识到字体太小了。对我来说看起来不错，但可能不适合视力不佳的游客。

<meta name="viewport" content="width=device-width, initial-scale=0.6, maximum-scale=2">

在这种情况下，更改 initial-scale=1 将解决此问题

【讨论】：

我的 Chrome 手机似乎忽略了“初始比例”值，不知道为什么......
这是对我们问题的最佳答案。

【解决方案6】：

我找到的答案是根据媒体宽度更改字体大小，一旦字体大小大到可以在我使用的移动设备上阅读，它就会停止建议简化视图。使用的确切代码是：

@media (max-width: 540px) {
    body {
        font-size:18px !important;
    }
}

足够简单。

【讨论】：

我的 body 设置为使用 20px 的字体大小，但我仍然收到提示，所以这对我不起作用。