-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathbackground.js
More file actions
251 lines (214 loc) · 6.28 KB
/
Copy pathbackground.js
File metadata and controls
251 lines (214 loc) · 6.28 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
// Background Service Worker
// 处理插件的后台逻辑
// 存储捕获的API请求
let capturedRequests = [];
// 创建右键菜单 - 在DevTools Network面板中使用
chrome.runtime.onInstalled.addListener(() => {
// 由于Chrome扩展限制,无法直接在DevTools Network面板添加右键菜单
// 用户需要手动复制请求为cURL格式,然后在RestFlow中导入
console.log('RestFlow extension installed');
});
// 监听来自DevTools和Content Script的消息
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
switch (message.type) {
case 'NEW_API_REQUEST':
handleNewApiRequest(message.data);
break;
case 'GET_CAPTURED_REQUESTS':
sendResponse({ requests: capturedRequests });
break;
case 'REPLAY_REQUEST':
replayRequest(message.data);
break;
case 'CLEAR_REQUESTS':
capturedRequests = [];
broadcastToDevTools({ type: 'REQUESTS_CLEARED' });
break;
case 'EXPORT_REQUESTS':
exportRequests(sendResponse);
return true; // 保持消息通道开放
case 'IMPORT_REQUESTS':
importRequests(message.data);
break;
case 'IMPORT_NETWORK_REQUEST':
handleNetworkImport(message.data);
break;
}
});
// 处理新的API请求
function handleNewApiRequest(requestData) {
// 添加唯一ID和时间戳
const request = {
id: generateId(),
timestamp: Date.now(),
...requestData
};
capturedRequests.unshift(request); // 最新的在前面
// 限制存储数量,避免内存溢出
if (capturedRequests.length > 1000) {
capturedRequests = capturedRequests.slice(0, 1000);
}
// 广播给所有DevTools面板
broadcastToDevTools({
type: 'REQUEST_ADDED',
data: request
});
// 保存到本地存储
saveRequestsToStorage();
}
// 重放请求
async function replayRequest(requestData) {
try {
// 准备请求选项
const options = {
method: requestData.method || 'GET'
};
// 处理请求头
if (requestData.headers && typeof requestData.headers === 'object') {
const headers = {};
Object.entries(requestData.headers).forEach(([key, value]) => {
// 跳过一些浏览器自动添加的头部
const skipHeaders = ['host', 'content-length', 'connection', 'user-agent'];
if (!skipHeaders.includes(key.toLowerCase())) {
headers[key] = value;
}
});
options.headers = headers;
}
// 处理请求体
if (requestData.body && ['POST', 'PUT', 'PATCH'].includes(options.method.toUpperCase())) {
options.body = requestData.body;
}
const startTime = Date.now();
const response = await fetch(requestData.url, options);
const endTime = Date.now();
const responseText = await response.text();
const responseData = {
status: response.status,
statusText: response.statusText,
headers: Object.fromEntries(response.headers.entries()),
body: responseText,
duration: endTime - startTime
};
// 创建新的请求记录
const replayedRequest = {
id: generateId(),
timestamp: startTime,
url: requestData.url,
method: requestData.method,
headers: requestData.headers,
body: requestData.body,
response: responseData,
duration: responseData.duration,
isReplayed: true,
originalId: requestData.id
};
// 添加到请求列表
handleNewApiRequest(replayedRequest);
// 广播重放结果
broadcastToDevTools({
type: 'REPLAY_SUCCESS',
data: {
originalId: requestData.id,
newRequest: replayedRequest
}
});
} catch (error) {
console.error('重放请求失败:', error);
broadcastToDevTools({
type: 'REPLAY_ERROR',
data: {
originalId: requestData.id,
error: error.message,
timestamp: Date.now()
}
});
}
}
// 广播消息给所有DevTools面板
function broadcastToDevTools(message) {
chrome.runtime.sendMessage(message).catch(() => {
// 忽略没有接收者的错误
});
}
// 生成唯一ID
function generateId() {
return Date.now().toString(36) + Math.random().toString(36).substr(2);
}
// 保存请求到本地存储
function saveRequestsToStorage() {
chrome.storage.local.set({
capturedRequests: capturedRequests.slice(0, 100) // 只保存最近100个
});
}
// 从本地存储加载请求
function loadRequestsFromStorage() {
chrome.storage.local.get(['capturedRequests'], (result) => {
if (result.capturedRequests) {
capturedRequests = result.capturedRequests;
}
});
}
// 导出请求数据
function exportRequests(sendResponse) {
const exportData = {
version: '1.0',
timestamp: Date.now(),
requests: capturedRequests
};
sendResponse({
success: true,
data: JSON.stringify(exportData, null, 2)
});
}
// 处理Network面板导入
function handleNetworkImport(requestData) {
const request = {
id: generateId(),
timestamp: Date.now(),
isImported: true,
...requestData
};
capturedRequests.unshift(request);
saveRequestsToStorage();
broadcastToDevTools({
type: 'REQUEST_ADDED',
data: request
});
}
// 导入请求数据
function importRequests(importData) {
try {
const data = JSON.parse(importData);
if (data.requests && Array.isArray(data.requests)) {
capturedRequests = [...data.requests, ...capturedRequests];
saveRequestsToStorage();
broadcastToDevTools({ type: 'REQUESTS_IMPORTED' });
}
} catch (error) {
console.error('导入数据失败:', error);
}
}
// 创建右键菜单
chrome.contextMenus.create({
id: 'capture-request',
title: '捕获此请求到API调试器',
contexts: ['all']
});
// 处理右键菜单点击
chrome.contextMenus.onClicked.addListener((info, tab) => {
if (info.menuItemId === 'capture-request') {
// 注入脚本来捕获当前页面的请求
chrome.scripting.executeScript({
target: { tabId: tab.id },
function: captureCurrentPageRequests
});
}
});
// 注入到页面的函数
function captureCurrentPageRequests() {
// 这个函数会在页面上下文中执行
console.log('开始捕获当前页面的请求...');
}
// 插件启动时加载存储的请求
loadRequestsFromStorage();