├── .gitignore ├── Example-01 ├── background.js ├── content.js ├── images │ ├── icon-128.png │ ├── icon-16.png │ ├── icon-32.png │ └── icon-48.png ├── libs │ ├── bulma.min.css │ └── jquery-3.4.1.min.js ├── manifest.json ├── options.html ├── options.js ├── popup.html ├── popup.js └── style.css ├── Example-02 ├── background.js ├── content.js ├── global.js ├── images │ ├── icon02-128.png │ ├── icon02-16.png │ ├── icon02-32.png │ └── icon02-48.png ├── libs │ ├── bulma.min.css │ ├── css │ │ └── all.min.css │ ├── jquery-3.4.1.min.js │ └── webfonts │ │ ├── fa-solid-900.eot │ │ ├── fa-solid-900.svg │ │ ├── fa-solid-900.ttf │ │ ├── fa-solid-900.woff │ │ └── fa-solid-900.woff2 ├── manifest.json ├── options.html ├── options.js ├── popup.html ├── popup.js ├── style.css └── utils.js └── readme.md /.gitignore: -------------------------------------------------------------------------------- 1 | /配图 2 | /Icons 3 | /codes 4 | -------------------------------------------------------------------------------- /Example-01/background.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/background.js -------------------------------------------------------------------------------- /Example-01/content.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/content.js -------------------------------------------------------------------------------- /Example-01/images/icon-128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/images/icon-128.png -------------------------------------------------------------------------------- /Example-01/images/icon-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/images/icon-16.png -------------------------------------------------------------------------------- /Example-01/images/icon-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/images/icon-32.png -------------------------------------------------------------------------------- /Example-01/images/icon-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/images/icon-48.png -------------------------------------------------------------------------------- /Example-01/libs/bulma.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/libs/bulma.min.css -------------------------------------------------------------------------------- /Example-01/libs/jquery-3.4.1.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/libs/jquery-3.4.1.min.js -------------------------------------------------------------------------------- /Example-01/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/manifest.json -------------------------------------------------------------------------------- /Example-01/options.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/options.html -------------------------------------------------------------------------------- /Example-01/options.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/options.js -------------------------------------------------------------------------------- /Example-01/popup.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/popup.html -------------------------------------------------------------------------------- /Example-01/popup.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/popup.js -------------------------------------------------------------------------------- /Example-01/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-01/style.css -------------------------------------------------------------------------------- /Example-02/background.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/background.js -------------------------------------------------------------------------------- /Example-02/content.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/content.js -------------------------------------------------------------------------------- /Example-02/global.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/global.js -------------------------------------------------------------------------------- /Example-02/images/icon02-128.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/images/icon02-128.png -------------------------------------------------------------------------------- /Example-02/images/icon02-16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/images/icon02-16.png -------------------------------------------------------------------------------- /Example-02/images/icon02-32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/images/icon02-32.png -------------------------------------------------------------------------------- /Example-02/images/icon02-48.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/images/icon02-48.png -------------------------------------------------------------------------------- /Example-02/libs/bulma.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/bulma.min.css -------------------------------------------------------------------------------- /Example-02/libs/css/all.min.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/css/all.min.css -------------------------------------------------------------------------------- /Example-02/libs/jquery-3.4.1.min.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/jquery-3.4.1.min.js -------------------------------------------------------------------------------- /Example-02/libs/webfonts/fa-solid-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/webfonts/fa-solid-900.eot -------------------------------------------------------------------------------- /Example-02/libs/webfonts/fa-solid-900.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/webfonts/fa-solid-900.svg -------------------------------------------------------------------------------- /Example-02/libs/webfonts/fa-solid-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/webfonts/fa-solid-900.ttf -------------------------------------------------------------------------------- /Example-02/libs/webfonts/fa-solid-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/webfonts/fa-solid-900.woff -------------------------------------------------------------------------------- /Example-02/libs/webfonts/fa-solid-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/libs/webfonts/fa-solid-900.woff2 -------------------------------------------------------------------------------- /Example-02/manifest.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/manifest.json -------------------------------------------------------------------------------- /Example-02/options.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/options.html -------------------------------------------------------------------------------- /Example-02/options.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/options.js -------------------------------------------------------------------------------- /Example-02/popup.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/popup.html -------------------------------------------------------------------------------- /Example-02/popup.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/popup.js -------------------------------------------------------------------------------- /Example-02/style.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/style.css -------------------------------------------------------------------------------- /Example-02/utils.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/shuhankuang/Chrome-Extension-Tutorial/HEAD/Example-02/utils.js -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | #### 谷歌浏览器开发教程例子代码 2 | 3 | --------------------------------------------------------------------------------