标签：组件生命周期可视化

共 3+ 款工具

Web Component 生命周期演示 - 自定义元素钩子调用

创建一个自定义元素，展示 constructor、connectedCallback、attributeChangedCallback 等钩子的触发时机。

Web Components Web Component 演示生命周期

Service Worker 生命周期演示器 - 安装/激活/更新

逐步展示SW从注册、安装到激活的完整流程，并模拟更新与跳过等待的场景。

PWA PWA Service Worker 生命周期离线

Web Components 生命周期浏览器 - 查看回调执行

创建一个测试自定义元素，记录并展示 connectedCallback, attributeChangedCallback 等执行顺序。

前端 Web Components 生命周期自定义元素调试