小白开发插件，在期间看文件的时候学到的一些东西，特地分享给大家： 
博文链接：https://418122.xyz/posts/project/chrome-extension-basic-structure-beginners-guide 

很多人第一次打开一个 Chrome 插件项目时，会看到一堆文件名，然后立刻陷入混乱。index.html、style.css、manifest.json、background.js、content.js、app.js 看起来都像"代码文件"，可它们根本不在同一个层面上工作。想真正看懂插件，关键不是背文件名，而是理解这些文件分别处在什么位置，承担什么职责，以及它们如何配合浏览器、网页和用户界面一起运转。 
这篇文章想做的事很直接，就是把这些文件背后的逻辑彻底串起来，让你在看到一个插件目录时，能迅速判断每个文件到底在做什么。 
index.html ...