禁止在Chrome上显示简化视图提示或使用简化视图

Joh*_*les 9 html css google-chrome twitter-bootstrap bootstrap-4

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

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

我的第二个想法可能是使用这种简化的视图,并使它对想要使用它的人起作用。但是,我已经读到它也阻止了所有广告,并且我的网站仅受广告支持,因此如果我绝对不能阻止该提示出现,那么这是遥不可及的一秒钟。

总结一下:

  1. 如何防止出现“显示简化视图”提示或
  2. 失败了,如何设置网站以简化视图工作?

Muk*_*waj 6

将页面中的P标签替换为div 。此模式也称为阅读器模式。也许 这个答案可能对你有帮助。


Joh*_*les 5

我找到的答案是根据媒体宽度更改字体大小,并且一旦字体大小足够大到可以在我使用的移动设备上读取时,它就不再建议使用简化视图。使用的确切代码是:

@media (max-width: 540px) {
    body {
        font-size:18px !important;
    }
}
Run Code Online (Sandbox Code Playgroud)

很简单。

  • 我已将正文设置为使用 20px 的字体大小,但仍然收到提示,因此这对我不起作用。 (2认同)