阻止显示简化的视图提示或使用Chrome上的简化视图

Question

如果以我设计的方式观看，我的网站看起来很不错。每当我从Android上的Chrome访问它时，我会在屏幕底部显示“＃Si; Show Simplified View＆＃34;”。如果我点击该提示以简化视图实际看到它，该网站将只显示1个新闻项（页面上应该有25个），它会删除所有控件（登录，添加新闻项，注释）和滚动不再工作了。还有其他一些问题（标题/图片/文章摘录不匹配，颜色方案丢失等）这只发生在谷歌浏览器上，没有其他浏览器我测试过这个。

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

我的第二个想法可能是使用这个简化的视图，并使其适用于想要使用它的人。但是，我已经读过它也会阻止所有广告，我的网站完全由广告支持，所以如果我绝对不能阻止提示出现，这是遥远的第二步。

总结：

1. 如何阻止＆＃34;显示简化视图＆＃34;提示出现或
2. 如果不这样做，如何设置我的网站以使用简化视图？

Answer 1

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

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

足够简单。

Answer 2

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

Answer 3

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

如果您截断或删除文本，并使其更少。 Chrome 不会提示。

Answer 4

还要检查移动设备的视口设置。将视口的初始比例更改为0.6时，我会收到此弹出窗口。

基本上Google识别出字体太小。对我来说看起来不错，但对于没有完美视力的游客来说可能不是。

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

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

Answer 5

同志们。有一个永久的解决方案。进入chrome：// flags并搜索“ reader mode”，并禁用名称上带有“ reader mode”的两个标志。然后，它完成了，您将再也不会被该弹出窗口烦恼（除非您将卸载并重新安装该chrome浏览器，然后................您必须这样做再次）。 谢谢队友，再见。

Answer 6

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

p { display: table; }

只需将段落更改为任何通用块，就我而言，我将其设为表格。