烹饪 Chrome 插件 ,手把手全套教程(1)

材料:js ,html ,css ,dom ,window
工具:W3C school , google ,webstrom ,chrome

架构讲解: chrome插件 主要作用就是二次控制网页,通过控制当前网页,去扩展任何你想要的功能。

chrome 插件 有三大运行空间

  1. N 原生的网页的运行空间,在此空间里,你拥有js(content_script)的文件,去控制当前网页并且与其他空间进行通讯。
  2. S插件图标触发的 网页空间(poup.html自带独立的js) 这个空间是很独立的,他的主要作用就是向用户展示控件的操作的菜单和信息展示,当次空间获得浏览器的焦点的时候,原生的空间就失去焦点
  3. B看不到的background.js运行空间,全局只有一个,不管你打开多少网页,都会有且只有一个这样的空间,这意味着此空间的的数据和函数 都是单例模式 。这个空间是插件的逻辑指令和数据交换的核心。

他们之间关系 通过s 展示操作选项 -> 传送操作数据到B ,B处理逻辑 并且控制指令发送-> 接受b指令做处理,并且 控制监控处理原生网页 —>B 接受反馈 ,再次处理逻辑,发送指令-> N 或B。。。。。。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容