使用chrome.extension抓取http请求内容

2021-11-22

主要使用此js库https://github.com/jpillora/xhook

目录结构如下：

├── in.js					# 解析请求内容
├── manifest.json			# chrome extension 必须包含的元数据文件
├── test.js					# 需要动态注入的js
└── xhook.min.js

#test.js

 var file = chrome.extension.getURL('xhook.min.js');
 console.log(file);
 var s = document.createElement('script');
 s.type = 'text/javascript';
 s.src = file;
 document.documentElement.appendChild(s);
 
 var file1 = chrome.extension.getURL('in.js');
 var s1 = document.createElement('script');
 s1.type = 'text/javascript';
 s1.src = file1;
 document.documentElement.appendChild(s1);

# manifest.json

{
   "name": "webrequest-test",
   "version": "0.1",
   "description": "webrequset test",
   "permissions": ["webRequest", "webRequestBlocking", "<all_urls>","tabs"],
   "background": {
     "scripts": ["background.js"]
   },
   "manifest_version": 2,
   "web_accessible_resources":["xhook.min.js","in.js"],
   "content_scripts":[{
     "matches": ["<all_urls>"],
     "js": ["test.js"],
     "all_frames": true,
     "run_at": "document_end"
   }]
 }

# in.js

xhook.after(function(req,rsp){
   console.log(rsp.text);
});

# 主要在此文件中分析请求，获取想要的内容