Manifest

　　Manifest

　　网络应用清单是一个 JSON 文件，您(即开发者)可以利用它控制在用户想要看到应用的区域(例如移动设备主屏幕)中如何向用户显示网络应用或网站，指示用户可以启动哪些功能，以及定义其在启动时的外观。网络应用清单提供了将网站书签保存到设备主屏幕的功能。一个PWA的manifest.json示例：

　　{

　　"name": "HackerWeb",

　　"short_name": "HackerWeb",

　　"start_url": ".",

　　"display": "standalone",成都女性无痛人流多少钱
成都哪个医院做人流手术好？
成都无痛人流会不会影响生育能力
成都九龙医院做人流手术好不好
郫县女性宫外孕怎么办

　　"background_color": "#fff",

　　"description": "A simply readable Hacker News app.",

　　"icons": [{

　　"src": "images/touch/homescreen48.png",

　　"sizes": "48x48",

　　"type": "image/png"郫县女性宫外孕怎么办
成都治疗阴道炎费用是多少
成都治外阴瘙痒好的医院
成都女性人流手术
成都两次无痛人流要间隔多久
成都女性做引产手术需要多少钱

　　}, {

　　"src": "images/touch/homescreen72.png",

　　"sizes": "72x72",

　　"type": "image/png"

　　}, {

　　"src": "images/touch/homescreen96.png",

　　"sizes": "96x96",

　　"type": "image/png"成都两次无痛人流要间隔多久
成都女性做引产手术需要多少钱
武侯区处女膜修复术
锦江区好的男科医院
成都专业男科医院
阴茎包皮瘙痒究竟是怎么回事

　　}, {

　　"src": "images/touch/homescreen144.png",

　　"sizes": "144x144",

　　"type": "image/png"

　　}, {

　　"src": "images/touch/homescreen168.png",

　　"sizes": "168x168",温江区男性医院排名
武侯区人流正规医院
武侯区妇科在线咨询
双流做无痛人流的收费是怎样的
双流人流打胎多少钱
成都无痛人流医院咨询
成都看宫颈糜烂好的妇科医院

　　"type": "image/png"

　　}, {

　　"src": "images/touch/homescreen192.png",

　　"sizes": "192x192",

　　"type": "image/png"

　　}],

　　"related_applications": [{

　　"platform": "web"

　　}, {

　　"platform": "play",

　　"url": "https://play.google.com/store/apps/details?id=cheeaun.hackerweb"

　　}]}

　　Service Worker

　　Service Worker 是一段脚本，与 Web Worker 一样，也是在后台运行。作为一个独立的线程，运行环境与普通脚本不同，所以不能直接参与 Web 交互行为。Native App 可以做到离线使用、消息推送、后台自动更新，Service Worker 的出现是正是为了使得 Web App 也可以具有类似的能力。页面注入service worker代码示例：

　　if (navigator.serviceWorker) {成都专业男科医院
阴茎包皮瘙痒究竟是怎么回事
精囊炎会影响生育吗
成华区看早泄哪家医院好啊
成华区男科包皮手术多少钱
温江区看包皮包茎手术贵吗

　　navigator.serviceWorker.register('service-worker.js')

　　.then(function(registration) {

　　console.log('service worker 注册成功');

　　}).catch(function (err) {

　　console.log('servcie worker 注册失败');

　　});}

　　Responsive Web Design

　　RWD是一种网页设计的技术做法，该设计可使网站在不同的设备(从桌面电脑显示器到移动电话或其他移动产品设备)上浏览时对应不同分辨率皆有适合的呈现，减少用户进行缩放、平移和滚动等操作行为。