跳到主要内容

调试扩展程序

概述

本教程系列进入尾声,这是最后一篇。

这次我们首先要下载一个示例程序,然后每次改出一个 BUG,接着调试、修复,了解每次在不同地方出现问题后,Chrome 是如何给我们提示的。

这是一种很好的学习方式:在错误中学习,同时这也是一种逆向学习思维:如果以后你不想开发中出现问题,最好的方法是先发现问题,了解问题,解决问题,最后避免问题。

教程

1. 下载程序

2. 调试清单(manifest.json)

3. 调试服务工件(ServiceWorker)

4. 调试弹出式窗口(Popup Window)

5. 调试内容脚本(xxx.js)

6. 监控网络请求(Network)

资源

参考

调试扩展程序  |  Chrome Extensions  |  Chrome for Developers