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

qyuhtwio  于 2023-02-14  发布在  其他
关注(0)|答案(6)|浏览(146)

我有一个网站,如果按照我设计的方式来浏览,它看起来很不错。每次我从安卓系统上的Chrome浏览器访问它时,屏幕底部都会出现一个提示“显示简化视图”。如果我点击这个提示,以简化视图的方式查看它,网站将只显示1条新闻(一个页面上应该有25个),它将删除所有控件(登录,添加新闻条目,评论),滚动不再起作用。还有其他多个问题(标题/图片/文章摘录不匹配,配色方案丢失,等等)这种情况只发生在谷歌Chrome上,我测试过的其他浏览器都没有这样做。
我在其他网站上没有看到切换到简化视图的提示。我的首选是在我的网站上放置一个标签,永远不显示这个提示。我在谷歌上搜索了一下,但我只找到了关于如何从Chrome打开这个功能的文章,没有关于如何从服务器端禁用这个功能的文章。
我的第二个想法可能是使用这个简化的视图,让它对想要使用它的人起作用。然而,我读到过它也阻止了所有的广告,而且我的网站只由广告支持,所以如果我绝对不能阻止提示出现,这是一个遥远的第二个想法。
总结:
1.如何防止“显示简化视图”提示出现或
1.如果做不到这一点,我该如何设置我的网站使用简化视图?

laawzig2

laawzig21#

在你的页面中用div替换P标签。这种模式也被称为阅读器模式。也许this answer可以帮助你。

63lcw9qa

63lcw9qa2#

我找到的解决方法是根据媒体宽度改变字体大小,一旦字体大小大到足以在我使用的移动设备上阅读,它就不再建议简化视图。

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

很简单。

axkjgtzd

axkjgtzd3#

同时检查移动的设备的视口设置。当我将视口的初始比例更改为0. 6时,我收到了这个弹出窗口。
基本上谷歌意识到字体太小了。在我看来不错,但可能不适合视力不佳的游客。

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

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

iecba09b

iecba09b4#

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

p { display: table; }

只需将段落更改为任何通用块,在我的情况下,我使它成为一个表。

s4chpxco

s4chpxco5#

显示简化视图提示时,有更多的文本,Chrome提示,如果它认为这是一个段落网站,用户要阅读(通过检测文本(超过700约)
如果您截断或删除文本,并使其更少。Chrome浏览器不会提示。

r8uurelv

r8uurelv6#

你好,伙计。有一个永久的解决方案。进入chrome://flags,搜索"reader mode",禁用两个名称上有"reader mode"的标志。然后,就这么做了,你再也不会被那个弹出窗口惹恼了(除非你卸载并重新安装chrome浏览器,然后..................................................................................................................................................................................

相关问题