Skip to content

Commit 4aab37e

Browse files
ZengLiangYiZengLiangYi
committed
Initial network error reporter baseline
0 parents  commit 4aab37e

8 files changed

Lines changed: 1594 additions & 0 deletions

File tree

‎README.md‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# Network Error Reporter
2+
3+
一个可直接加载到 Chrome 的 DevTools 扩展，用来把网络请求整理成结构化错误报告，不依赖截图。
4+
5+
## v1 范围
6+
7+
- 在 DevTools 中新增 `Error Report` 面板
8+
- 读取 HAR 和新完成的请求
9+
- 默认展示最近失败的 `Fetch/XHR` 请求，可切换资源分类和查看全部请求
10+
- 选中请求后生成 Markdown 报告
11+
- 手动补充影响评估和复现说明
12+
- 复制报告到剪贴板
13+
- 检测敏感字段并在复制前二次确认
14+
15+
已确认不做：
16+
17+
- 网络面板截图
18+
- 扩展内生成 cURL
19+
- HAR 导出
20+
- 同类请求聚合
21+
22+
## 本地使用
23+
24+
1. 打开 `chrome://extensions`
25+
2. 开启“开发者模式”
26+
3. 选择“加载已解压的扩展程序”
27+
4. 选择当前目录：`C:\Users\Rayner\Project\network-error-reporter`
28+
5. 打开任意页面的 DevTools，切到 `Error Report` 面板
29+
30+
## 说明
31+
32+
- Chrome DevTools 扩展 API 无法直接读取 Network 面板“当前选中的请求”，所以 v1 使用“面板内请求列表 + 手动选择”的交互。
33+
- 如果需要 cURL，请直接在 Chrome Network 面板使用原生 `Copy as cURL`。
34+
- 当前 UI 采用原生模块化前端结构：`panel/main.js` 负责交互编排，`panel/report.js` 负责请求归一化与报告生成。

‎devtools.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>Network Error Reporter</title>
6+
</head>
7+
<body>
8+
<script src="devtools.js"></script>
9+
</body>
10+
</html>

‎devtools.js‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
chrome.devtools.panels.create(
2+
"Error Report",
3+
"",
4+
"panel.html",
5+
() => {}
6+
);

‎manifest.json‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"manifest_version": 3,
3+
"name": "Network Error Reporter",
4+
"description": "Generate structured network incident reports from Chrome DevTools without screenshots.",
5+
"version": "0.1.0",
6+
"minimum_chrome_version": "120",
7+
"permissions": [],
8+
"host_permissions": [],
9+
"devtools_page": "devtools.html"
10+
}

0 commit comments

Comments
 (0)