制造好搁笔文件之后，在你的html头部指定manifest.json文件的路径，指定页面的theme-color主题色，并且留意设定的主题色彩必须和页面中的色彩相一致，然后指定搁笔：

<!-- Favicon --> 
   <link rel="icon" type="image/png" href=http://developer.51cto.com/art/201711/"/assets/img/icons/favicon-16x16.png" sizes="16x16"> 
   <link rel="icon" type="image/png" href=http://developer.51cto.com/art/201711/"/assets/img/icons/favicon-32x32.png" sizes="32x32"> 
   <link rel="icon" type="image/png" href=http://developer.51cto.com/art/201711/"/assets/img/icons/favicon-96x96.png" sizes="96x96"> 
 
   <!-- Apple Touch Icons --> 
   <link rel="apple-touch-icon" href=http://developer.51cto.com/art/201711/"/assets/img/icons/apple-touch-icon.png" /> 
 
   <link rel="manifest" href=http://developer.51cto.com/art/201711/"/manifest.json"> 
 
   <meta name="apple-mobile-web-app-capable" content="yes"> 
   <meta name="apple-mobile-web-app-status-bar-style" content="black"> 
   <meta name="apple-mobile-web-app-title" content="{{ site.title }}"> 
 
   <!-- Android Lolipop Theme Color --> 
   <meta name="theme-color" content="{{ page.color }}">  

serviceworker.js

在你的主页面傍边增长以下代码用来断定浏览器是否支撑ServiceWorker，如不雅支撑的话，加载ServiceWorker文件：

if ('serviceWorker' in navigator) { 
   navigator.serviceWorker.register('/service-worker.js'); 
 };  

然后在根目次下增长一个serviceworker.js的文件：

var cacheName = 'fengerzh'; 
var filesToCache = [ 
  '/', 
  '/index.html', 
  '/assets/js/main.js', 
  '/assets/css/main.css', 	
			
 3/5   首页 上一页 1 2 3 4 5 下一页 尾页
	
			

　　推荐阅读
　　iOS 11.2将开启免费试用应用功能
            不久之后，您将可以或许为App Store上的主动续订订阅供给扣头的入门价格。iOS 11.2惹人了SKProduct（subscriptionPeriod和introductoryPrice）上的新类（SKProductDiscount和SKProductSubscriptionPeri>>>详细阅读


本文标题：如何打造一个全满分网站?
地址：http://www.17bianji.com/lsqh/38586.html
 1/2    1