4

我指的是角度服务工作者和调试(请参阅以下链接:https ://angular.io/guide/service-worker-devops#locating-and-analyzing-debugging-information )。

引用文档:

ngsw/Angular 服务工作者在虚拟目录下公开调试信息 。目前,唯一暴露的 URL 是 ngsw/state.

我无法在 https://angular.io/progressive web 应用程序上找到调试信息:我尝试如下附加ngsw/state:https: //angular.io/ngsw/state无济于事。我在源开发工具选项卡中都找不到参考。更重要的是:什么是虚拟目录,在哪里可以找到它?ngsw/statengsw/state

有人可以建议吗?

4

1 回答 1

7

出于某种原因,服务人员似乎没有在https://angular.io渐进式网络应用程序上被激活,尽管我可能错了(参见:https://github.com/angular/angular/blob/master/aio/.角-cli.json#L25)。

但是,通过使用 Angular CLI 生成服务工作者应用程序:

ng new mySwProject --service-worker

然后在prod模式下构建它:

cd mySwProject
ng build --prod

并使用http-server提供服务:

cd dist
http-server -p 8080  

可以使用以下 url 查看 service worker 信息:

http://localhost:8080/ngsw/state

输出:

NGSW Debug Info:

Driver state: NORMAL ((nominal))
Latest manifest hash: e60b43d83d323671c26f71fba9da395abdb4c01b
Last update check: 14s821u

=== Version e60b43d83d323671c26f71fba9da395abdb4c01b ===

Clients: 

=== Idle Task Queue ===
Last update tick: 14s616u
Last update run: never
Task queue:



Debug log:

仅供参考:ng serve如文档中所述,不适用于服务人员:

由于 ng serve 不适用于服务工作者,因此您必须使用真实的 HTTP 服务器在本地测试您的项目。在专用端口上进行测试是个好主意。

于 2017-12-10T16:40:50.160 回答