Chrome iOS中的伪全屏修补

时间:2018-03-26 04:16:01

标签: javascript ios css google-chrome chrome-ios

在之前的Chrome版本中,可以通过请求用户滚动内容来创建伪全屏效果,该效果在用户会话期间保留(直到用户向上滚动或与浏览器chrome交互)。这样可以最大限度地减少向用户显示的chrome(ui)数量,从而提供额外的视口空间来查看内容。

如果用户导航到另一个页面,则Chrome将继续以缩小状态显示。

在我正在使用的公司,我们使用它对基于网络的杂志阅读器产生了很大影响,该阅读器填满整个屏幕(无滚动)并针对较小的视口进行了优化。用户可以按下一个按钮,该按钮将显示可滚动的覆盖,该覆盖将在用户滚动内容之后隐藏镶边。当用户导航到不同的页面时,URL会发生变化,以便用户可以自然地共享页面并从中断的位置继续。

但是,iOS上的Chrome似乎无法实现这种效果。

虽然chrome会按预期缩小滚动,但每次地址栏中的URL更改时,Chrome现在都会重置为非缩小状态,即使它只是一个更改的锚点(例如page.html#p1page.html#p2)。

其他浏览器保持不受影响(包括iOS上的Safari和Android上的Chrome,后者具有原生全屏模式)。

这是错误的还是故意修补的?

如果是故意的,是否有一种允许全屏的解决方法,不需要进行重大改造,例如通过改变我们的用户体验来适应单一配置?

0 个答案:

没有答案