Closed
Description
在什么情况下你需要该特性?In what scenarios do you need this feature?
目前 iPad OS Web 端访问无法做到全屏, Status Bar 为黑边;
通过 Share - Add to Home Screen 可以解决一部分问题, 但需要网页端的改动.
描述可能的最优解决方案 Describe the optimal solution
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="viewport-fit=cover, user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
还需要添加一个 icon, 语法如 [1] 中描述, tags 相关的语法如 [2] 所示
Ref:
[1] https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4
[2] https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html#//apple_ref/doc/uid/TP40008193-SW3
描述候选的解决方案 Describe the candidate solution
No response
其他信息 Other information
No response
Metadata
Metadata
Assignees
Type
Projects
Relationships
Development
No branches or pull requests
Activity
🎨 fix #5370
[-]iPad OS Web 端的外观调整[/-][+]iPad 端的外观调整[/+]hep-cogth commentedon Jul 8, 2022
btw, 这个 method [1] 看起来可以真的做到 fullscreen, 不过不知道是不是 iPad OS only 的.
例子 [2], 见顶栏全屏
Ref:
[1] https://developer.apple.com/documentation/webkitjs/document/1629974-webkitcurrentfullscreenelement
[2] https://www.writeathon.cn/share/5c973d90eda9a1750bd55d06
lisontowind commentedon Jul 8, 2022
哇,真的感动了