@forestsheep
2019-11-25T10:30:23.000000Z
字数 2498
阅读 155
学习
使大家学会最基础的Chrome扩展开发
以实战为主，概念为辅
本来我是想按部就班，条条框框的一步一步从概念，特点，等等讲起。左思右想觉得这样未免太过枯燥，如果大家失去了兴趣，讲得再有条理也是枉然。所以还是结合实战，能做出东西才是王道。
预想实战部分会较多，有条件的希望带好笔记本电脑，一起操作。
我会公布上课资料的markdown版本在gist上，方便大家查阅。
不定时，看我准备上课内容的进度而定。但有课会提前1-2周通知，不会仓促举行。
不限于上课时段，平时只要有空，到位子上来问也是欢迎的。
记录关闭过的tab，以便日后快速查找恢复。
把tab打包成tab组，以后可以快速打开这个组。
使用已经开发好的脚本
普通的扩展都是固定的功能，而tampermonkey却可以动态的加载别人写好的脚本
。可谓灵活多变，随心所欲。而且很多都是神作，有着不可思议的创意和功能。
tampermonkey最大的特点就是跨平台，它在各个浏览器中都有发布，chrome, safari, firefox, opera, edge, dolphin, uc browser甚至在Android上也能使用。
如果可以称它为缺点的话，使用门槛稍高是我觉得唯一的不利因素。对于一个普通用户来说，如果从来没听说过tampermonkey的话，第一次听别人介绍你安装脚本，就必须先安装扩展，再去找脚本，步骤稍微一多便阻挡了很多用户。而如果你是老用户的话，就不会产生上述问题，遇到好用的脚本时，只会有相见恨晚的感觉。
工欲善其事，必先利其器。我们需要一款好用的编辑器。
我们需要编辑器最好具备以下功能：
没有以上功能的，不推荐使用。真的不方便。
另外，我不反对使用IDE集成编辑环境，但一般就来说我们的工作比较轻量级，以下2款可能是最佳选择。
强力推荐
下载地址：https://code.visualstudio.com/
推荐
下载地址：https://www.sublimetext.com/3
主要是看官方的文档，最新，最权威
看不懂英文没关系，有中文的山寨文档，更新上可能跟不上，但大致能看。
因为我们可能需要随时查询html javascript css等知识，以下网站备选，第一个英文的，二三都是中文的。
{"name": "helloworld 1","version": "1.0","description": "print helloworld in console","background": {"scripts": ["background.js"]},"manifest_version": 2}
console.log("hello world")
{"name": "tab basic action 1","version": "1.0","description": "open a new tab","background": {"scripts": ["background.js"]},"permissions": ["tabs"],"manifest_version": 2}
let openPage = {url: "https://www.google.com/doodles/rampo-edogawas-birthday",}chrome.tabs.create(openPage, function (tab) {console.log("the new tab is:")console.log(tab)})
这只是一个建议，并非必须。
在扩展的开发过程中，有可能会产生一些不便的问题。例如
- 相同网站不同账号间切换，需要反复login，logout。
- 扩展产生的效果，影响正常作业。
为了不搞乱现在正在使用的chrome，可以安装别的chrome版本。这个2个版本间相互独立，不会影响对方。
越往下进度越快，越是超前版本，但稳定性也是递减，越不怕折腾的人选越下方。
另外可以安装开源的chromium，其版本速度和canary相当，可能稍慢。
可以安装以上任意两个版本，都不会影响对方
正式版，beta版，开发版，同时只能启动一种。canary和Chromium则和别的版本独立。
即（正式版，beta版，开发版）三选一。（canary和Chromium）二选一或都装。