插件开发：全面支持ES6+以上代码，无需编译，原生运行，打包时切忌开启转换ES5语法，原生支持async，await，js本身基因就是协程

插件开发入门课：

基础课：目前没有发现高级课，可能需要我们自己后续读文档看github源码来获取更多关于插件开发的高级用法

建议抽一天时间看完：

Chrome谷歌浏览器插件开发_哔哩哔哩_bilibili

北辰课源代码，按课时进行的feature分支，使用git flow管理更方便

海南酷森科技有限公司/chrome-plugin

猿伙伴的个人空间_哔哩哔哩_Bilibili

Chrome插件开发最牛X系列教程_哔哩哔哩_bilibili 英语有字幕，看起来不费劲，讲的比上面两个更深一些，建议1-2天抽时间看完

谷歌插件开发原生文档

基于V3，市场目前流行的都是V2，建议先看V2，达到熟练运用后，再看V3，当然V3中90%的用法都是相同的，也可以直接参考，但不能以为是相同的

https://developer.chrome.com/docs/extensions/

Jquery中文文档：

jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm

Google插件中文文档：

chrome谷歌浏览器开发文档

webstorm安装浏览器插件开发提示库：

安装后chrome就能提示相关插件函数，很好用，大大加快插件开发速度，以及纠错能力

装上好，就可以进行函数提示：大大提高开发效率

pop页面调试技术：直接在pop页面右键检查找到来源

背景页调试：

参考谷歌扩展链接：

https://developer.chrome.com/docs/extensions/mv3/tut_debugging/

content_scripts 脚本调试：

插件脚本的页面进行检查，选择内容脚本，选择插件中的js，点击断点，就可以调试了

v2后台页配置

如果用了persistent:false 可以理解为非常驻背景页，也即数据状态不被保存，每次触发事件时都会重置数据状态，如果设置为persisten:true，则理解为谷歌浏览器打开之后，就会一直在后台运行，数据状态会被保存：

如果触发了一个重要事件，侦听器必须处于顶级以激活后台脚本。注册的侦听器可能需要重构为同步模式。构造侦听器(如下所示)将不允许调用它们，因为它们没有同步注册。

相反，应该将侦听器保持在顶级并且不嵌套。

// 谷歌V2推荐模式，为V3做铺垫和准备
{"name": "My extension",..."background": {"scripts": ["background.js"],"persistent": false},...
}
// 下面page为谷歌废弃模式，请不要使用，直接使用上面的方式
{"name": "My extension",..."background": {"page": "background.html","persistent": false},...
}

V3技术

背景页中使用alarms警报器来取代setTimeout 和 setInterval，V2版本如果persisten:false 则用setTimeout 和 setInterval 函数没有用，以为过几秒就杀死了，所以如果 V2 想用这两个函数，必须 persistent:true 才可以

chrome.alarms.create({delayInminutes: 3.0});chrome.alarms.onAlarm.addListener(function(){alert("xxxx");
})// 基于事件驱动的后台脚本函数执行换成异步模式
chrome.runtime.getBackgroundPage(function(backgroundPage){backgroundPage.backgroundFunction()
})

谷歌插件学习必备准备知识代码提示插件调试相关推荐

dw如何写php代码提示,DW CS5 jquery代码提示插件
喜欢使用Dreamweaver(业内简称dw)做php开发的朋友应该都知道dw是从6.0开始才支持jquery代码提示的.那么对于电脑上安装的是dw cs5而又需要jquery代码提示的该怎么办呢?将 ...
UE4 手把手教你做插件（1）从代码引用插件
0,前言我看的是技术宅阿棍儿的视频,B站有. 系列视频:从代码引用插件_哔哩哔哩_bilibili 看不懂,只能边查资料边看,讲的顺序有点乱 1,根据视频提示创建第三方插件注意:如果只有空白插 ...
深度学习必备数学知识之线性代数篇（附代码实现）
作者 | Vihar Kurama 译者 | 李众望编辑 | Jane 出品 | AI科技大本营 [导读]线性代数是一种连续的.非离散的数学形式,许多计算机科学家对此缺乏应用经验,掌握线性代数对理解 ...
visual studio 代码提示插件_程序员请收好：10个非常实用的 VS Code 插件
关注上方"数据挖掘工程师",选择"星标公众号", 关键时间,第一时间送达! 编译:CSDN-Elle,作者:Daan 无论你是经验丰富的开发人员还是刚刚开始第一 ...
idea代码提示插件_IDEA 插件推荐 —— 让你写出好代码的神器！
概述今天介绍的插件主要是围绕编码规范的.有追求的程序员,往往都有代码洁癖,要尽量减少代码的「坏味道」. 代码静态检查是有很多种类,例如圈复杂度.重复率等.业界提供了很多静态检查的插件来识别这些不合规 ...
visual studio 代码提示插件_请收好：10 个实用的 VS Code 插件
英文:Daan,翻译:CSDN - Elle 无论你是经验丰富的开发者,还是刚开始工作的新手,你都会想让自己的开发工作尽可能轻松一点.正确的工具使用则可以帮助你实现这个目标. 如果你选用 VS Cod ...
ES6的新特性----Vue学习必备基础知识
学习Vue之前,ES6的基础常识是必须要了解的,下面列举了几种最重要的特性,学会了这些,Vue的学习就易如反掌了. 1.变量声明const和let 在ES6之前,我们都是用var关键字声明变量.var ...
ai python 代码提示插件_Python 还能实现哪些 AI 游戏？附上代码一起来一把！
人工智能作为当前热门在我们生活中得到了广泛应用,尤其是在智能游戏方面,有的已经达到了可以和职业选手匹敌的效果. 而DQN算法作为智能游戏的经典选择算法,其主要是通过奖励惩罚机制来迭代模型,来达到更接近 ...
visual studio 代码提示插件_程序员请收好：10个非常有用的Visual Studio Code插件
作者 | Daan 译者 | Elle 出品 | CSDN(ID:CSDNnews) [导读]一个插件列表,可以让你的程序员生活变得轻松许多.无论你是经验丰富的开发人员还是刚刚开始第一份工作的初级开发 ...

谷歌插件学习必备准备知识代码提示插件调试