2023-11-17_chrome浏览器脚本注入,注入layer.js框架

前言

  • 开发chrome浏览器插件的时候,需要在网页上注入layer.js框架.
  • 主要是想增加一些和用户的交互功能,可以做到不影响本身网页。

1. 注入办法

  • 仅仅注入layer.js这个文件是不行的,显示会不正常。还需要注入layer.css这个文件
  • 当然jquery也需要事先注入。
  • 如下是version2的api。如果是version3需要用到chrome.scripting这个api
chrome.browserAction.onClicked.addListener((tab) => {
    chrome.tabs.executeScript(tab.id, {file:"./jquery-3.6.0.min.js"});
    chrome.tabs.executeScript(tab.id, {file:"./layer3.1.1/layer.js"});
    chrome.tabs.insertCSS(tab.id, {file:"./layer3.1.1/theme/default/layer.css"});
});
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容