IOS: 让你的网站以应用形式运行

/ 261 阅读 / 7评 / 757字 / 2

在页面1中插入以下元标签:

<meta name="apple-mobile-web-app-capable" content="yes">

↑, 以全屏模式运行, 不会跳转到浏览器, 不显示上下工具栏

<meta name="apple-mobile-web-app-status-bar-style" content="default">

↑, 设置状态栏颜色(需要先添加第一个标签), 可选值为 default/black-translucent/black

介绍(机翻自苹果官方文档): 如果内容设置为(default),状态栏将显示正常。如果设置为(black),状态栏会显示黑色背景。如果设置为(black-translucent),状态栏为黑色半透明。如果设置为(default)或(black),则状态栏下方显示网页内容。如果设置为(black-translucent),则网页内容显示在整个屏幕上,部分被状态栏遮住。默认值为(default)。

安装使用:

Safari浏览器->分享->添加到主屏幕

点击桌面上的网站图标, 此时网站会在一个新窗口独立运行, 而不是作为打开浏览器的书签

本文参考了以下教程: https://blog.csdn.net/KimBing/article/details/106138004


前情提要:

23/8/23, 推一首歌 (看评论区)

解决了在PC上的问题后, 然后我试着解决在IOS上不显示的问题

最后没辙了, 开摆(((((

*如果你搜索ios+iframe, 你会发现一堆问题, 姑且把锅背给Apple, 反正能找到的解决办法咱都试了, 总之以咱的技术水平是真滴没有办法nya. 不过在找解决方案的时候找到了上面这个, 折腾了这么久也算不是没有收获()

快凌晨四点了,睡了睡了(and最初真的就是想发首歌就睡了)( ̄o ̄) . z Z

  1. 本站设置在主题的页脚页 ↩︎

除非特别声明,本站所有文章均采用 CC BY-NC-SA 4.0 协议,转载时请附上作者和原文链接。


  1. 积雨云说道:

    感觉我语言表达能力是真的有的问题

  2. Remelens说道:

    好的文章,你站也有安装?(

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注