热爱技术
专注分享

两行代码让你网站的主页变成一个独立的手机APP

本方法源自WKM萌妹子的博客–> WKM博客传送门

 

代码如下:

<meta name="apple-mobile-web-app-capable" content="yes">    
<meta name="apple-mobile-web-app-status-bar-style" content="#2F3BA2">

 把这行代码放入首页的head标签中,用safiri访问网站首页,并添加到主屏幕,即可将网站首页变成一个独立的APP,原理未知。

 

blob.png

 

效果演示:

两行代码让你网站的主页变成一个独立的手机APP

两行代码让你网站的主页变成一个独立的手机APP

赞(0) 打赏
未经允许不得转载:小伟博客 » 两行代码让你网站的主页变成一个独立的手机APP

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    好像是叫PWA….
    大佬可以了解一下

    Rabbit 2个月前 (05-28) 来自天朝的朋友 谷歌浏览器 Windows 10 回复

小伟博客 热爱技术 专注分享

网站发展历程WKM萌妹博客

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏