diff --git a/background.js b/background.js index 097f4ca..456d2e8 100644 --- a/background.js +++ b/background.js @@ -10,45 +10,39 @@ function sendCommand(method, params, source, chainfun){ chrome.debugger.sendCommand(source, method, params, function(result){ if (chrome.runtime.lastError) { console.error('chrome.runtime.lastError', chrome.runtime.lastError) - } else { - if (chainfun){ - chainfun(result) - } - } + } else { if (chainfun){ chainfun(result) } } }); } +function fillresponse(params, source, body){ + sendCommand("Fetch.fulfillRequest", { + requestId: params.requestId, responseCode: params.responseStatusCode, responseHeaders: params.responseHeaders, + body: body, // body 只能传 base64(指定代码) + }, source); +} chrome.debugger.onEvent.addListener(function (source, method, params){ switch(method){ case "Fetch.requestPaused": var itheaders = params.responseHeaders; if (itheaders.find(function(v){return v.name == "Location"})) { sendCommand("Fetch.continueRequest", { requestId: params.requestId, url: itheaders.value }, source); - break; - } + break; } if ((params.responseStatusCode || params.responseErrorReason)) { if (params.responseErrorReason) { sendCommand("Fetch.failRequest", { requestId: params.requestId, errorReason: params.responseErrorReason }, source); - break; - } + break; } sendCommand("Fetch.getResponseBody", { requestId: params.requestId }, source, function(result){ - if (result.body !== undefined){ - // 收到的是 base64 的代码，base64 解一下就是原始代码，对这个代码处理一下后续再用 base64 包一层再传入 body - var rescode = atob(result.body) - var resourceType = params.resourceType // 通过这里的类型对获取到的 body 信息进行处理 - console.log(rescode.length, Object.keys(result), rescode.slice(0,100)) - } - sendCommand("Fetch.fulfillRequest", { - requestId: params.requestId, responseCode: params.responseStatusCode, responseHeaders: params.responseHeaders, - body: result.body, // body 只能传 base64(指定代码) - }, source); + if (result.body !== undefined){ // 收到的 result.body 是 base64(代码) 的代码，使用时需要解码一下 + chrome.storage.local.get(["config-fetch_hook"], function (res) { + try{ fillresponse.bind(null, params, source)(btoa(eval((res["config-fetch_hook"]||'')+';fetch_hook')(atob(result.body), params.resourceType, params.request.url))) } + catch(e){ fillresponse.bind(null, params, source)(result.body) } + }) + return } + fillresponse.bind(null, params, source)(result.body) // body 只能传 base64(指定代码) }); - break; - } + break; } } }) -chrome.debugger.onDetach.addListener(function(){ - attached = false -}) +chrome.debugger.onDetach.addListener(function(){ attached = false }) var attached = false function AttachDebugger() { if (attached){ return } @@ -61,8 +55,8 @@ function AttachDebugger() { // Document, Stylesheet, Image, Media, Font, Script, TextTrack, XHR, Fetch, EventSource, WebSocket, Manifest, SignedExchange, Ping, CSPViolationReport, Preflight, Other sendCommand("Network.enable", {}, currtab, function(){ sendCommand("Network.setCacheDisabled", {cacheDisabled: true}, currtab)} ) // 确保 Fetch.getResponseBody 一定能收到东西 sendCommand("Fetch.enable", { patterns: [ - {urlPattern:"*",resourceType:"Script",requestStage:"Response"}, - {urlPattern:"*",resourceType:"Document",requestStage:"Response"}, + {urlPattern:"*",resourceType:"Script",requestStage:"Response"}, // 暂时先只 hook Script 类型的脚本 + // {urlPattern:"*",resourceType:"Document",requestStage:"Response"}, ] }, currtab); }); } diff --git a/options.html b/options.html index 6a3c345..14ae0e7 100644 --- a/options.html +++ b/options.html @@ -15,8 +15,9 @@
@@ -104,6 +105,16 @@ +
+ +
功能还没有做完，这里希望做成的功能是可以用插件的方式 hook 住代码，直接用插件的形式使用 ast 将原始的代码修改成期望的样子
+
能直接用插件的方式实现 ast 修改代码，用处还是非常大的。
+
+
+ 请定义一个名字为 fetch_hook 函数，接受参数为 1.代码 2.类型 3.url，return 修改后的代码 +
+ +
diff --git a/options.js b/options.js index dc1cae9..42862da 100644 --- a/options.js +++ b/options.js @@ -138,4 +138,14 @@ document.getElementById('funcs').addEventListener("change", function(v){ } }) chrome.storage.local.set(wt) +}) + +var fetch_hook = document.getElementById('fetch_hook'); +chrome.storage.local.get([fetch_hook.dataset.key], function (result) { + fetch_hook.value = result[fetch_hook.dataset.key] || ''; +}) +fetch_hook.addEventListener("change", function(v){ + chrome.storage.local.set({ + [v.target.dataset.key]: v.target.value + }) }) \ No newline at end of file