谷歌浏览器前端插件开发流程

正文开始

[md]

电脑环境:windows10。

1.打开谷歌浏览器 ,没安装的话pc.qq.com去pc.qq.com下载一个开发版。

2.右上角 点击三个点:更多工具->扩展程序 如图:

3.加载本地js代码

以上是导入插件的流程


代码目录: css 存放

bootstrap.min.css jquery.box.css //我自己的弹窗特效样式

html

hello.html

用于显示在右上角的内容 需要手动载入css和当前目录用到的js

<script src="jquery-3.2.1.min.js"></script>
<script src="jquery.base.js"></script>
<script src="jquery.box.js"></script>
<script src="action.js"></script>

运行js

action.js

用于初始化hello.html的绑定事件,注意:这里不能操作历览器页面,而是发送事件给receiver.js。

事件响应js

receiver.js


下面是插件需要注意的事项和代码详解

https://www.li6.cc/article/read/227

正文结束

js 正则替换返回值做回调函数 js让文字跟随鼠标而转向