PWA常用head标签

meta标签设置

  1. <meta name="apple-mobile-web-app-capable" content="yes"> 这句是要做隐藏状态栏和工具栏，当添加到主屏是会看到明显差异；但在Safari中没差别

    image

    image

  2. <meta name="apple-mobile-web-app-status-bar-style" content="black">控制状态栏样式，也就是顶部的颜色，就不上图了；如果不设置，默认黑色

  3. <meta name="apple-mobile-web-app-title" content="Weather"> 添加到主屏会指定标题Weather

  4. <link rel="apple-touch-icon" href="images/icons/icon-152x152.png"> 添加到主屏指定图标

  5. <meta name="msapplication-TileImage" content="images/icons/icon-144x144.png"> win8磁贴图标

  6. <meta name="msapplication-TileColor" content="#2F3BA2"> win8磁贴颜色

更详细的参见

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,556评论 25赞 708
  • HTML head 头标签
    HTML head 头部分的标签、元素有很多，涉及到浏览器对网页的渲染，SEO 等等，而各个浏览器内核以及各个国内...
    Simon王小白阅读 385评论 0赞 1
  • 睡不醒
    最近一直困，一直困，一直困，总感觉睡不醒。 晚上睡，白天睡，仍旧困。 真希望没有任何工作，好好的休息一阵。但很多事...
    牧田麻麻阅读 130评论 0赞 0
  • 无标题文章
    第二十章 吴亦凡回家已经是凌晨一点过了，他没开灯，一路走一路脱，看见沙发上坐着人的时候衬衣扣子已经解了半数，大片白...
    肆祭阅读 899评论 0赞 0
  • mysql数据库创建以及增删改查操作
    1。首先创建数据库并创建数据库表 a.创建数据库 create database db_d2py charset=...
    零_WYF阅读 610评论 0赞 1