词条信息

admin
admin
超级管理员
词条创建者 发短消息   

相关词条

热门词条

更多>>
什么是端口?到底是做什么的呢?
端口一般指两种,一种是硬件比如路由器或者交换机的插网线的端口,一种是软件的逻辑的概念,比如http的80端口!...
7种进阶方法让你快速测试端口连通性
Ping是Windows、Linux和Unix系统下的一个检查网络连通性的命令工具,对于大部分互联网用户来说很...
电脑开机,总需要按F1,是什么原因造成的?
一.主板掉电这个说法是行业内的叫法了,一般是主板的CMOS电池没电了导致的。也是最常见的一种提示你按F1的提示...
社保降费对个人有什么影响?
下调城镇职工基本养老保险单位缴费比例是政府给企业发的一个大红包,特别是对于企业来说是一个利好,但是对个人来说有...
车辆“出险”对下年保费的影响,到底有多大?
【出险对交强险的影响】【出险对商业险的影响】车辆“出险”对下年保费的影响,到底有多大?这里有必要先提下车险第三...
解决网 >>所属分类 >> HTML5    移动端开发   

H5创建webApp保存到桌面

标签: h5

顶[0] 发表评论(0) 编辑词条

苹果端保存到桌面代码:(注意尺寸是57x57)



<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>

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

<meta content="telephone=yes" name="format-detection"/>

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

<meta name="x5-fullscreen" content="true"/>

<meta name="apple-touch-fullscreen" content="yes"/>

<link href="css/pc/index.css" type="text/css" rel="stylesheet"/>

<link rel="apple-touch-icon" sizes="57x57" href="img/logo-k.png"/>

<link href="img/page-icon.png" rel="shortcut icon"/>




试了一下发现安卓端用浏览器打开保存到桌面后图标显示不了,(chrome和UC)都不行。但是看了哔哩哔哩网站上的可以。


安卓端于是多了一行代码:


<link rel="manifest" href="manifest.json">


manifest.json文件内容如下(直接复制哔哩哔哩的):


{

  "name": "哔哩哔哩web版",

  "short_name" :"bilibili",

  "start_url": "index.html",

  "display": "standalone",

  "orientation": "portrait",

  "theme_color": "#de698c",

  "background_color": "#fff",

  "icons": [{

    "src": "//s1.hdslb.com/bfs/static/mult/images/app_logo.png@36w_36h.png",

    "sizes": "36x36",

    "type": "image/png"

  }, {

    "src": "//s1.hdslb.com/bfs/static/mult/images/app_logo.png@48w_48h.png",

    "sizes": "48x48",

    "type": "image/png"

  }, {

    "src": "//s1.hdslb.com/bfs/static/mult/images/app_logo.png@72w_72h.png",

    "sizes": "72x72",

    "type": "image/png"

  }, {

    "src": "//s1.hdslb.com/bfs/static/mult/images/app_logo.png@96w_96h.png",

    "sizes": "96x96",

    "type": "image/png"

  }, {

    "src": "//static.hdslb.com/mobile/img/512.png",

    "sizes": "144x144",

    "type": "image/png"

  }, {

    "src": "//static.hdslb.com/mobile/img/512.png",

    "sizes": "192x192",

    "type": "image/png"

  }, {

    "src": "//static.hdslb.com/mobile/img/512.png",

    "sizes": "256x256",

    "type": "image/png"

  }, {

    "src": "//static.hdslb.com/mobile/img/512.png",

    "sizes": "512x512",

    "type": "image/png"

  }],

  "permissions": {

    "desktop-notification": {

      "description": "Needed for creating system notifications."

    }

  }

}

 

 

附件列表


按字母顺序浏览:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

→我们致力于为广大网民解决所遇到的各种电脑技术问题
 如果您认为本词条还有待完善,请 编辑词条

上一篇等额本金的还款方式有什么
下一篇第三套住房该怎么贷款

0
1. 本站部分内容来自互联网,如有任何版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
2. 本站内容仅供参考,如果您需要解决具体问题,建议您咨询相关领域专业人士。
3. 如果您没有找到需要的百科词条,您可以到百科问答提问或创建词条,等待高手解答。

关于本词条的提问

查看全部/我要提问>>