返回顶部
首页 > 资讯 > 移动开发 >苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App,自定义图标,启动动画,自定义名称,全屏应用
  • 756
分享到

苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App,自定义图标,启动动画,自定义名称,全屏应用

safarichrome前端 2023-09-02 11:09:47 756人浏览 安东尼
摘要

在iOS中我们可以使用Safari浏览自带的将网页添加到主屏幕上,让我们的WEB页面看起来像一个本地应用程序一样,通过桌面APP图标一打开,直接全屏展示,就像在APP中效果一样,完全体会不到你是在浏览器中。 最后实现的效果图 通过点击桌面上

iOS中我们可以使用Safari浏览自带的将网页添加到主屏幕上,让我们的WEB页面看起来像一个本地应用程序一样,通过桌面APP图标一打开,直接全屏展示,就像在APP中效果一样,完全体会不到你是在浏览器中。

最后实现的效果图

通过点击桌面上的图标,直接打开全屏页面:(这图标是我用CSDN的图标,嘻嘻,官方应该不介意吧)

具体实现步骤一共三步:1.网站添加样式,2.添加到桌面图标,3.打开桌面图标

1.网站添加样式

在网站的html的head里面添加:(想添加启动动画的,可以看文章最后的启动图配置)

                    

来源地址:https://blog.csdn.net/weixin_44786530/article/details/129728215

--结束END--

本文标题: 苹果IOS在Safari浏览器中将网页添加到主屏幕做伪Web App,自定义图标,启动动画,自定义名称,全屏应用

本文链接: https://lsjlt.com/news/390650.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作