edge 插件 iframe 读取

当前页面里的iframe 加载的网页没有注入到,无法读取 iframe里的节点内容

  1. 使用all_frames选项 : 在你的content_scripts配置中,添加all_frames: true,这样可以确保脚本注入到所有的iframe中。

    "content_scripts": [
      {
        "matches": ["<all_urls>"],
        "js": ["content_hook.js"],
        "run_at": "document_start",
        "all_frames": true
      },
      {
        "matches": ["<all_urls>"], 
        "js": ["js/pako.min.js","js/utils.js", "js/coockie.js", "js/youtub.js", "content.js"],
        "run_at": "document_start",
        "all_frames": true
      }
    ]
    
  2. 动态注入脚本 : 你可以在background.js中监听webNavigation事件,并动态注入脚本到iframe中。

    chrome.webNavigation.onCompleted.addListener(function(details) {
      chrome.scripting.executeScript({
        target: {tabId: details.tabId, frameIds: [details.frameId]},
        files: ['content_hook.js']
      });
    }, {url: [{urlMatches: '<all_urls>'}]});
    
  3. 使用chrome.webRequest API : 你可以使用chrome.webRequest API来监听iframe的加载,并注入脚本。

    chrome.webRequest.onCompleted.addListener(function(details) {
      chrome.scripting.executeScript({
        target: {tabId: details.tabId, frameIds: [details.frameId]},
        files: ['content_hook.js']
      });
    }, {urls: ["<all_urls>"], types: ["sub_frame"]});
    
相关推荐
Σίσυφος190011 分钟前
halcon 条形码、二维码识别、opencv识别
前端·数据库
学代码的小前端12 分钟前
0基础学前端-----CSS DAY13
前端·css
css趣多多1 小时前
案例自定义tabBar
前端
姑苏洛言3 小时前
DeepSeek写微信转盘小程序需求文档,这不比产品经理强?
前端
林的快手3 小时前
CSS列表属性
前端·javascript·css·ajax·firefox·html5·safari
匹马夕阳3 小时前
ECharts极简入门
前端·信息可视化·echarts
API_technology4 小时前
电商API安全防护:JWT令牌与XSS防御实战
前端·安全·xss
yqcoder4 小时前
Express + MongoDB 实现在筛选时间段中用户名的模糊查询
java·前端·javascript
十八朵郁金香4 小时前
通俗易懂的DOM1级标准介绍
开发语言·前端·javascript
m0_528723815 小时前
HTML中,title和h1标签的区别是什么?
前端·html