[{"data":1,"prerenderedAt":303},["ShallowReactive",2],{"blog-progressive-web-app-website-zh-CN":3},{"id":4,"title":5,"excerpt":6,"content":7,"coverImage":254,"meta":262,"site":266,"status":278,"slug":279,"author":280,"category":290,"publishDate":18,"featured":122,"updatedAt":298,"createdAt":299,"contentHtml":300,"previewUrl":301,"localeSlugs":302},484,"PWA 网站是什么？和普通网站的区别在哪（2026）","PWA 网站=普通网站+HTTPS+manifest+service worker：可安装、可离线，本质仍是网站。这篇讲清升级需要什么、和普通网站/原生 App 差在哪。",{"root":8},{"children":9,"direction":18,"format":15,"indent":13,"type":253,"version":17},[10,21,26,30,35,39,70,74,78,82,130,134,147,151,155,208,212,217,221,225,229,233,237,241],{"children":11,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":20},[12],{"detail":13,"format":13,"mode":14,"style":15,"text":5,"type":16,"version":17},0,"normal","","text",1,null,"heading","h1",{"children":22,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[23],{"detail":13,"format":13,"mode":14,"style":15,"text":24,"type":16,"version":17},"PWA 网站（progressive web app website）就是在普通网站上叠加三样东西——HTTPS、web app manifest、service worker——让浏览器可以把它安装到主屏、全屏运行如同 App、并支持部分离线能力。它本质仍是网站：同一批 URL、同一套托管、同样被搜索引擎收录。","paragraph",{"children":27,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[28],{"detail":13,"format":13,"mode":14,"style":15,"text":29,"type":16,"version":17},"定义听起来简单，因为它确实简单。混乱通常始于把「PWA」当成一个需要另起炉灶重建的平台。这篇讲清一个网站成为 PWA 到底需要什么、它和你现在跑的站差在哪、这次升级换来什么。",{"children":31,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":34},[32],{"detail":13,"format":13,"mode":14,"style":15,"text":33,"type":16,"version":17},"一个网站成为 PWA 需要什么","h2",{"children":36,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[37],{"detail":13,"format":13,"mode":14,"style":15,"text":38,"type":16,"version":17},"三个技术要素，全部是在现有站点上做加法：",{"children":40,"direction":18,"format":15,"indent":13,"type":67,"version":17,"listType":68,"start":17,"tag":69},[41,48,60],{"children":42,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":17},[43,45],{"detail":13,"format":17,"mode":14,"style":15,"text":44,"type":16,"version":17},"HTTPS",{"detail":13,"format":13,"mode":14,"style":15,"text":46,"type":16,"version":17},"：没有商量余地——service worker 只在安全源上注册。","listitem",{"children":49,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":59},[50,52,54,57],{"detail":13,"format":17,"mode":14,"style":15,"text":51,"type":16,"version":17},"Web app manifest",{"detail":13,"format":13,"mode":14,"style":15,"text":53,"type":16,"version":17},"：一个小 JSON 文件，声明名称、图标、主题色和 ",{"detail":13,"format":55,"mode":14,"style":15,"text":56,"type":16,"version":17},16,"display",{"detail":13,"format":13,"mode":14,"style":15,"text":58,"type":16,"version":17}," 模式。用户安装时浏览器读的就是它，图标和全屏启动是否「像个正经应用」由它决定。",2,{"children":61,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":66},[62,64],{"detail":13,"format":17,"mode":14,"style":15,"text":63,"type":16,"version":17},"Service worker",{"detail":13,"format":13,"mode":14,"style":15,"text":65,"type":16,"version":17},"：跑在页面与网络之间的脚本，负责缓存资源、提供离线兜底页，并在支持的平台上接收推送。",3,"list","number","ol",{"children":71,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[72],{"detail":13,"format":13,"mode":14,"style":15,"text":73,"type":16,"version":17},"除此之外技术栈不用动。今天跑在 Nuxt、WordPress 还是手写 HTML 上，明天都可以是 PWA，不需要迁移平台。",{"children":75,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":34},[76],{"detail":13,"format":13,"mode":14,"style":15,"text":77,"type":16,"version":17},"PWA 网站 vs 普通网站",{"children":79,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[80],{"detail":13,"format":13,"mode":14,"style":15,"text":81,"type":16,"version":17},"用户可感知的差异，浓缩版：",{"children":83,"direction":18,"format":15,"indent":13,"type":67,"version":17,"listType":128,"start":17,"tag":129},[84,90,96,102,109],{"children":85,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":17},[86,88],{"detail":13,"format":17,"mode":14,"style":15,"text":87,"type":16,"version":17},"可安装",{"detail":13,"format":13,"mode":14,"style":15,"text":89,"type":16,"version":17},"：普通网站活在标签页里；PWA 能以独立图标和身份进主屏——Android 走安装提示，iPhone 走 Safari 的「添加到主屏幕」。",{"children":91,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":59},[92,94],{"detail":13,"format":17,"mode":14,"style":15,"text":93,"type":16,"version":17},"离线表现",{"detail":13,"format":13,"mode":14,"style":15,"text":95,"type":16,"version":17},"：普通站断网即白屏；PWA 能给出缓存页面和设计过的离线状态。",{"children":97,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":66},[98,100],{"detail":13,"format":17,"mode":14,"style":15,"text":99,"type":16,"version":17},"启动体验",{"detail":13,"format":13,"mode":14,"style":15,"text":101,"type":16,"version":17},"：已安装的 PWA 独立全屏打开，没有地址栏和浏览器界面，用户感知就是「App」。",{"children":103,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":108},[104,106],{"detail":13,"format":17,"mode":14,"style":15,"text":105,"type":16,"version":17},"再触达",{"detail":13,"format":13,"mode":14,"style":15,"text":107,"type":16,"version":17},"：已安装的 PWA 在支持的平台上能收推送，多出一条普通网站没有的留存通道。",4,{"children":110,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":127},[111,113,115,125],{"detail":13,"format":17,"mode":14,"style":15,"text":112,"type":16,"version":17},"其余一切不变",{"detail":13,"format":13,"mode":14,"style":15,"text":114,"type":16,"version":17},"：同样的可抓取性与排名（细节见 ",{"children":116,"direction":18,"format":15,"indent":13,"type":119,"version":66,"fields":120,"id":124},[117],{"detail":13,"format":13,"mode":14,"style":15,"text":118,"type":16,"version":17},"PWA 的 SEO 指南","link",{"linkType":121,"newTab":122,"url":123},"custom",false,"/resources/blog/seo-for-progressive-web-apps/","6a7ec2566dcc5a00c8ede916",{"detail":13,"format":13,"mode":14,"style":15,"text":126,"type":16,"version":17},"）、同样的统计、同样的发布流程。",5,"bullet","ul",{"children":131,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":34},[132],{"detail":13,"format":13,"mode":14,"style":15,"text":133,"type":16,"version":17},"PWA 网站 vs 原生 App（简版）",{"children":135,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[136,138,145],{"detail":13,"format":13,"mode":14,"style":15,"text":137,"type":16,"version":17},"PWA 从浏览器安装、零商店环节；原生 App 走商店审核、按商店节奏更新。PWA 用「放弃仅原生可用的 API」换来「即时分发、即时更新」。对内容、电商与投放落地场景，这笔交换通常划算——这正是广告主拿 PWA 替代 APK 的原因，完整策略见",{"children":139,"direction":18,"format":15,"indent":13,"type":119,"version":66,"fields":142,"id":144},[140],{"detail":13,"format":13,"mode":14,"style":15,"text":141,"type":16,"version":17},"广告投放中的 PWA",{"linkType":121,"newTab":122,"url":143},"/resources/blog/progressive-web-apps-for-advertising/","6a7ec2566dcc5a00c8ede917",{"detail":13,"format":13,"mode":14,"style":15,"text":146,"type":16,"version":17},"。",{"children":148,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":34},[149],{"detail":13,"format":13,"mode":14,"style":15,"text":150,"type":16,"version":17},"把现有网站升级成 PWA 的路径",{"children":152,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[153],{"detail":13,"format":13,"mode":14,"style":15,"text":154,"type":16,"version":17},"按工作量从小到大排：",{"children":156,"direction":18,"format":15,"indent":13,"type":67,"version":17,"listType":68,"start":17,"tag":69},[157,163,173,179,193],{"children":158,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":17},[159,161],{"detail":13,"format":17,"mode":14,"style":15,"text":160,"type":16,"version":17},"全站 HTTPS",{"detail":13,"format":13,"mode":14,"style":15,"text":162,"type":16,"version":17},"——通常已满足；",{"children":164,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":59},[165,167,169,171],{"detail":13,"format":17,"mode":14,"style":15,"text":166,"type":16,"version":17},"加 manifest",{"detail":13,"format":13,"mode":14,"style":15,"text":168,"type":16,"version":17},"——半天的活：名称、各尺寸图标、主题色、",{"detail":13,"format":55,"mode":14,"style":15,"text":170,"type":16,"version":17},"display: standalone",{"detail":13,"format":13,"mode":14,"style":15,"text":172,"type":16,"version":17},"；",{"children":174,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":66},[175,177],{"detail":13,"format":17,"mode":14,"style":15,"text":176,"type":16,"version":17},"注册一个最小 service worker",{"detail":13,"format":13,"mode":14,"style":15,"text":178,"type":16,"version":17},"——先做静态资源缓存和离线兜底页，之后再扩展；",{"children":180,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":108},[181,183,185,187,189,191],{"detail":13,"format":17,"mode":14,"style":15,"text":182,"type":16,"version":17},"设计安装时机",{"detail":13,"format":13,"mode":14,"style":15,"text":184,"type":16,"version":17},"——技术要素让安装",{"detail":13,"format":59,"mode":14,"style":15,"text":186,"type":16,"version":17},"成为可能",{"detail":13,"format":13,"mode":14,"style":15,"text":188,"type":16,"version":17},"，安装引导 UX 才让安装",{"detail":13,"format":59,"mode":14,"style":15,"text":190,"type":16,"version":17},"真的发生",{"detail":13,"format":13,"mode":14,"style":15,"text":192,"type":16,"version":17},"。这一步最常被跳过，而安装率恰恰在这里分出高下，尤其是没有自动提示的 iOS；",{"children":194,"direction":18,"format":15,"indent":13,"type":47,"version":17,"value":127},[195,197,199,206],{"detail":13,"format":17,"mode":14,"style":15,"text":196,"type":16,"version":17},"度量安装后行为",{"detail":13,"format":13,"mode":14,"style":15,"text":198,"type":16,"version":17},"——主屏启动、离线会话、推送授权率。用对待",{"children":200,"direction":18,"format":15,"indent":13,"type":119,"version":66,"fields":203,"id":205},[201],{"detail":13,"format":13,"mode":14,"style":15,"text":202,"type":16,"version":17},"点击后优化",{"linkType":121,"newTab":122,"url":204},"/compare/best-post-click-tools/","6a7ec2566dcc5a00c8ede918",{"detail":13,"format":13,"mode":14,"style":15,"text":207,"type":16,"version":17},"的严谨度对待这条漏斗。",{"children":209,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":34},[210],{"detail":13,"format":13,"mode":14,"style":15,"text":211,"type":16,"version":17},"常见问题",{"children":213,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":216},[214],{"detail":13,"format":13,"mode":14,"style":15,"text":215,"type":16,"version":17},"PWA 到底是网站还是 App？","h3",{"children":218,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[219],{"detail":13,"format":13,"mode":14,"style":15,"text":220,"type":16,"version":17},"字面意义上两者都是：它是叠加了 App 能力的网站。像网站一样有 URL、被搜索收录，又像 App 一样安装和启动。",{"children":222,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":216},[223],{"detail":13,"format":13,"mode":14,"style":15,"text":224,"type":16,"version":17},"把网站改成 PWA 需要重写吗？",{"children":226,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[227],{"detail":13,"format":13,"mode":14,"style":15,"text":228,"type":16,"version":17},"不需要。manifest 和 service worker 是增量添加，不是重构。绝大多数站点不动框架和托管就能上线一层可用的 PWA 能力。",{"children":230,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":216},[231],{"detail":13,"format":13,"mode":14,"style":15,"text":232,"type":16,"version":17},"网站变成 PWA 会影响 SEO 吗？",{"children":234,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[235],{"detail":13,"format":13,"mode":14,"style":15,"text":236,"type":16,"version":17},"不会——页面还是那批可抓取的网页、同样的 URL。真正会影响收录的是渲染方式的工程决策，而不是 PWA 这层本身。",{"children":238,"direction":18,"format":15,"indent":13,"type":19,"version":17,"tag":216},[239],{"detail":13,"format":13,"mode":14,"style":15,"text":240,"type":16,"version":17},"PWA 网站和移动端自适应网站有什么区别？",{"children":242,"direction":18,"format":15,"indent":13,"type":25,"version":17,"textFormat":13,"textStyle":15},[243,245,247,249,251],{"detail":13,"format":13,"mode":14,"style":15,"text":244,"type":16,"version":17},"自适应改变页面在小屏上",{"detail":13,"format":59,"mode":14,"style":15,"text":246,"type":16,"version":17},"长什么样",{"detail":13,"format":13,"mode":14,"style":15,"text":248,"type":16,"version":17},"；PWA 能力改变网站",{"detail":13,"format":59,"mode":14,"style":15,"text":250,"type":16,"version":17},"能做什么",{"detail":13,"format":13,"mode":14,"style":15,"text":252,"type":16,"version":17},"：安装、独立运行、离线、推送。一个站可以也应该两者兼备。","root",{"id":255,"alt":256,"updatedAt":257,"createdAt":257,"url":258,"thumbnailURL":18,"filename":259,"mimeType":260,"filesize":261,"width":18,"height":18},982,"Isometric illustration of a website gaining app capabilities with manifest and service worker","2026-08-14T07:22:40.026Z","https://cms-r2.deepclick.com/cover-website-5bee133661c9.jpg","cover-website-5bee133661c9.jpg","application/octet-stream",199890,{"title":263,"description":264,"image":265},"PWA 网站是什么？与普通网站的区别（2026）","一个网站成为 PWA 需要哪三样东西、和普通网站及原生 App 的区别，以及不换平台把现有站升级成 PWA 的路径。",{"id":255,"alt":256,"updatedAt":257,"createdAt":257,"url":258,"thumbnailURL":18,"filename":259,"mimeType":260,"filesize":261,"width":18,"height":18},{"id":17,"key":267,"name":268,"prodHost":269,"testHost":270,"blogPath":271,"docPath":272,"zhPrefix":273,"deployHookTest":274,"deployHookProd":275,"enabled":276,"updatedAt":277,"createdAt":277},"deepclick","DeepClick","https://deepclick.com","https://www-test-deepclick.qiliangjia.one","/resources/blog/{slug}","/docs/{slug}","/zh-CN","https://api.cloudflare.com/client/v4/pages/webhooks/deploy_hooks/60a9adef-153b-4c89-8d07-7118e91e9522","https://api.cloudflare.com/client/v4/pages/webhooks/deploy_hooks/05323321-f694-4ce8-a5af-173c507b8bae",true,"2026-07-14T06:26:38.962Z","published","progressive-web-app-website",{"id":127,"name":281,"avatar":282,"updatedAt":289,"createdAt":289},"Mara Lindqvist",{"id":283,"alt":284,"updatedAt":285,"createdAt":285,"url":286,"thumbnailURL":18,"filename":287,"mimeType":260,"filesize":288,"width":18,"height":18},923,"Mara Lindqvist — SEO & content strategist","2026-07-27T07:17:15.590Z","https://cms-r2.deepclick.com/gpt_1785136338870_0-0c5adc97a65e.png","gpt_1785136338870_0-0c5adc97a65e.png",2203214,"2026-07-27T07:17:17.300Z",{"id":291,"site":292,"titleZh":293,"titleEn":294,"slug":295,"order":127,"updatedAt":296,"createdAt":297},7,{"id":17,"key":267,"name":268,"prodHost":269,"testHost":270,"blogPath":271,"docPath":272,"zhPrefix":273,"deployHookTest":274,"deployHookProd":275,"enabled":276,"updatedAt":277,"createdAt":277},"技术导航","Tech Guides","tech-guides","2026-04-27T08:37:10.576Z","2026-04-23T02:59:13.436Z","2026-08-14T07:23:09.281Z","2026-08-14T07:22:59.101Z","\u003Cdiv class=\"payload-richtext\">\u003Ch1>PWA 网站是什么？和普通网站的区别在哪（2026）\u003C/h1>\u003Cp>PWA 网站（progressive web app website）就是在普通网站上叠加三样东西——HTTPS、web app manifest、service worker——让浏览器可以把它安装到主屏、全屏运行如同 App、并支持部分离线能力。它本质仍是网站：同一批 URL、同一套托管、同样被搜索引擎收录。\u003C/p>\u003Cp>定义听起来简单，因为它确实简单。混乱通常始于把「PWA」当成一个需要另起炉灶重建的平台。这篇讲清一个网站成为 PWA 到底需要什么、它和你现在跑的站差在哪、这次升级换来什么。\u003C/p>\u003Ch2>一个网站成为 PWA 需要什么\u003C/h2>\u003Cp>三个技术要素，全部是在现有站点上做加法：\u003C/p>\u003Col class=\"list-number\">\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"1\"\n        >\u003Cstrong>HTTPS\u003C/strong>：没有商量余地——service worker 只在安全源上注册。\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"2\"\n        >\u003Cstrong>Web app manifest\u003C/strong>：一个小 JSON 文件，声明名称、图标、主题色和 \u003Ccode>display\u003C/code> 模式。用户安装时浏览器读的就是它，图标和全屏启动是否「像个正经应用」由它决定。\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"3\"\n        >\u003Cstrong>Service worker\u003C/strong>：跑在页面与网络之间的脚本，负责缓存资源、提供离线兜底页，并在支持的平台上接收推送。\u003C/li>\u003C/ol>\u003Cp>除此之外技术栈不用动。今天跑在 Nuxt、WordPress 还是手写 HTML 上，明天都可以是 PWA，不需要迁移平台。\u003C/p>\u003Ch2>PWA 网站 vs 普通网站\u003C/h2>\u003Cp>用户可感知的差异，浓缩版：\u003C/p>\u003Cul class=\"list-bullet\">\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"1\"\n        >\u003Cstrong>可安装\u003C/strong>：普通网站活在标签页里；PWA 能以独立图标和身份进主屏——Android 走安装提示，iPhone 走 Safari 的「添加到主屏幕」。\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"2\"\n        >\u003Cstrong>离线表现\u003C/strong>：普通站断网即白屏；PWA 能给出缓存页面和设计过的离线状态。\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"3\"\n        >\u003Cstrong>启动体验\u003C/strong>：已安装的 PWA 独立全屏打开，没有地址栏和浏览器界面，用户感知就是「App」。\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"4\"\n        >\u003Cstrong>再触达\u003C/strong>：已安装的 PWA 在支持的平台上能收推送，多出一条普通网站没有的留存通道。\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"5\"\n        >\u003Cstrong>其余一切不变\u003C/strong>：同样的可抓取性与排名（细节见 \u003Ca href=\"/resources/blog/seo-for-progressive-web-apps/\">PWA 的 SEO 指南\u003C/a>）、同样的统计、同样的发布流程。\u003C/li>\u003C/ul>\u003Ch2>PWA 网站 vs 原生 App（简版）\u003C/h2>\u003Cp>PWA 从浏览器安装、零商店环节；原生 App 走商店审核、按商店节奏更新。PWA 用「放弃仅原生可用的 API」换来「即时分发、即时更新」。对内容、电商与投放落地场景，这笔交换通常划算——这正是广告主拿 PWA 替代 APK 的原因，完整策略见\u003Ca href=\"/resources/blog/progressive-web-apps-for-advertising/\">广告投放中的 PWA\u003C/a>。\u003C/p>\u003Ch2>把现有网站升级成 PWA 的路径\u003C/h2>\u003Cp>按工作量从小到大排：\u003C/p>\u003Col class=\"list-number\">\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"1\"\n        >\u003Cstrong>全站 HTTPS\u003C/strong>——通常已满足；\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"2\"\n        >\u003Cstrong>加 manifest\u003C/strong>——半天的活：名称、各尺寸图标、主题色、\u003Ccode>display: standalone\u003C/code>；\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"3\"\n        >\u003Cstrong>注册一个最小 service worker\u003C/strong>——先做静态资源缓存和离线兜底页，之后再扩展；\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"4\"\n        >\u003Cstrong>设计安装时机\u003C/strong>——技术要素让安装\u003Cem>成为可能\u003C/em>，安装引导 UX 才让安装\u003Cem>真的发生\u003C/em>。这一步最常被跳过，而安装率恰恰在这里分出高下，尤其是没有自动提示的 iOS；\u003C/li>\u003Cli\n          class=\"\"\n          style=\"\"\n          value=\"5\"\n        >\u003Cstrong>度量安装后行为\u003C/strong>——主屏启动、离线会话、推送授权率。用对待\u003Ca href=\"/compare/best-post-click-tools/\">点击后优化\u003C/a>的严谨度对待这条漏斗。\u003C/li>\u003C/ol>\u003Ch2>常见问题\u003C/h2>\u003Ch3>PWA 到底是网站还是 App？\u003C/h3>\u003Cp>字面意义上两者都是：它是叠加了 App 能力的网站。像网站一样有 URL、被搜索收录，又像 App 一样安装和启动。\u003C/p>\u003Ch3>把网站改成 PWA 需要重写吗？\u003C/h3>\u003Cp>不需要。manifest 和 service worker 是增量添加，不是重构。绝大多数站点不动框架和托管就能上线一层可用的 PWA 能力。\u003C/p>\u003Ch3>网站变成 PWA 会影响 SEO 吗？\u003C/h3>\u003Cp>不会——页面还是那批可抓取的网页、同样的 URL。真正会影响收录的是渲染方式的工程决策，而不是 PWA 这层本身。\u003C/p>\u003Ch3>PWA 网站和移动端自适应网站有什么区别？\u003C/h3>\u003Cp>自适应改变页面在小屏上\u003Cem>长什么样\u003C/em>；PWA 能力改变网站\u003Cem>能做什么\u003C/em>：安装、独立运行、离线、推送。一个站可以也应该两者兼备。\u003C/p>\u003C/div>","https://deepclick.com/zh-CN/resources/blog/progressive-web-app-website",{"en":279,"zh-CN":279},1786692431089]