如何监控 Google Chrome 扩展程序发出的请求

如果您正在调试 / 分析 Chrome 扩展或只想监控其网络活动,以下是几种方法:

1 使用 Chrome DevTools

  1. 打开 Chrome
  2. 点击菜单(或键入chrome://extensions)
  3. 扩展
  4. 管理扩展
  5. 启用开发人员模式 - 右上角
  6. 找到您的扩展并单击 Service Worker(或→检查中的“Service Worker”)
  7. 在打开的 DevTools 窗口中,转到 Network (网络) 选项卡
  8. 现在,你将实时看到扩展发出的所有 HTTP 请求

这是监控来自后台脚本的请求的最直接方法。

附言您可以执行一些作来检查此 Chrome 扩展程序完成的请求。

2 监控内容脚本请求

如果扩展将内容脚本注入网页:

  1. 打开目标网页
  2. 打开 DevTools (F12) → Sources (源) 选项卡
  3. 按名称查找扩展脚本(从chrome-extension://...)
  4. 放置断点和 debug 或
  5. 使用 Network (网络) 选项卡观察请求

3 使用 API(面向开发人员)webRequest

如果您自己构建扩展,则可以记录或修改请求:

chrome.webRequest.onBeforeRequest.addListener(
  function(details) {
    console.log('Request:', details);
  },
  {urls: ["<all_urls>"]},
  ["blocking"]
);

注意: 中的 requires 和 permissions 。"webRequest""webRequestBlocking"manifest.json

暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇