去掉'minimal-ui”后,开发者如何在iOS上实现软全屏体验?
iOS 8 删除“minimal-ui”:探索替代软全屏解决方案
弃用“minimal-ui”视口属性iOS 8 引发了关于在不影响移动 Safari 上实现“软全屏”体验的可行性的质疑无障碍。
Q1。是否仍然可以在 Mobile Safari 上隐藏地址栏?
虽然 window.scrollTo hack 不再起作用,但仍然可以通过“触摸向下拖动”手势进入最小用户界面模式。然而,minimal-ui 的尺寸是无法测量的,无法对其状态进行高级检测。
Q2。在不使用 mobile-web-app-capable 的情况下是否仍然可以拥有类似的软全屏体验?
是的,替代解决方案已经出现,例如 Brim – iOS 8 的视图管理器。 Brim 通过实现以下内容实现软全屏体验:
- 创建隐藏的“跑步机元素”以方便滚动并触发最小用户界面输入/持久性。
- 检测页面何时在最小用户界面中使用 Scream 并禁用文档滚动。
- 在页面重新加载后启用最小用户界面重新输入或方向改变。
Q3。全屏体验值得这么麻烦吗?
iOS 上原生全屏 API 的可行性仍不确定。考虑以下几点很重要:
- 管理最小 UI 状态的先决条件和障碍(例如,足够的滚动内容、偏移滚动值)。
- 缺乏计算最小 UI 的 API -ui 尺寸或预期其激活。
- 与隐藏导航菜单相关的潜在可访问性问题
总而言之,尽管删除了“minimal-ui”,但像 Brim 这样的替代解决方案仍然为开发人员提供了在 iOS 设备上实现软全屏体验的选项。然而,平衡优势和可访问性并确保用户可以轻松访问基本的浏览器控件至关重要。
以上是去掉'minimal-ui”后,开发者如何在iOS上实现软全屏体验?的详细内容。更多信息请关注PHP中文网其他相关文章!

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...

在元素个数不固定的情况下如何通过CSS选择第一个指定类名的子元素在处理HTML结构时,常常会遇到元素个数不�...
