{"id":228,"date":"2024-04-23T15:34:32","date_gmt":"2024-04-23T07:34:32","guid":{"rendered":"https:\/\/www.jishuge.cn\/?p=228"},"modified":"2024-04-23T15:34:32","modified_gmt":"2024-04-23T07:34:32","slug":"%e5%85%b3%e4%ba%8echrome-extensions-%e6%b6%88%e6%81%af%e9%80%9a%e8%ae%af","status":"publish","type":"post","link":"https:\/\/blog.jishuge.cn\/?p=228","title":{"rendered":"\u5173\u4e8eChrome Extensions \u6d88\u606f\u901a\u8baf"},"content":{"rendered":"\n<p>\u6709\u4e9b\u529f\u80fd\u9700\u8981\u7528\u5230\u6d88\u606f\u901a\u8baf\uff0c\u6bd4\u5982\u6211\u4eec\u9700\u8981\u83b7\u53d6\u67d0\u4e2a\u7f51\u7ad9\u7684cookie\u53d1\u9001\u5230\u540e\u53f0\u670d\u52a1\u5668\uff0c\u90a3\u4e48\u6211\u4eec\u624b\u52a8\u70b9\u51fb\u4e4b\u540e\uff0c\u9700\u8981\u83b7\u53d6cookie\uff0c\u7136\u540e\u53d1\u9001\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e00\u3001\u8bbe\u7f6e\u670d\u52a1\u811a\u672c<\/h3>\n\n\n\n<p>\u5b9a\u4e49\u63a5\u6536\u901a\u8baf\u6d88\u606f\u7684\u5904\u7406\u811a\u672c\u3002<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"js\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{ \n \"background\": {\n    \"service_worker\": \"background\/service-worker.js\",\n    \"type\": \"module\"\n  },\n  \"host_permissions\": [\n    \"https:\/\/*\/*\",\n    \"http:\/\/*\/*\"\n  ],\n  \"permissions\": [\n    \"cookies\", \n    \"declarativeNetRequestFeedback\",\n    \"declarativeNetRequestWithHostAccess\",\n    \"declarativeNetRequest\",\n    \"webRequest\"\n  ]\n}<\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e8c\u3001\u5728\u524d\u53f0\u53d1\u9001\u6d88\u606f\u7ed9\u670d\u52a1\u811a\u672c<\/h3>\n\n\n\n<p>\u901a\u8fc7chrome\u7684api\u53d1\u9001<code>\u201cchrome.runtime.sendMessage\u201d<\/code><\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">\n&lt;template>\n &lt;button type=\"primary\" style=\"width: 100%;\" @click=\"onSendMessage\">\u53d1\u9001\u6d88\u606f&lt;\/el-button>\n&lt;\/template>\n\n&lt;script>\nconst onSendMessage= async () => {\n  const res = await chrome.runtime.sendMessage({\n    diyData: dataBody\n  });\n}\n&lt;script><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">\u4e09\u3001\u63a5\u6536<\/h3>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">chrome.runtime.onMessage.addListener(\n    function (request, sender, sendResponse) {\n        console.log(request)\n        console.log(sender)\n        console.log(sendResponse)\n        const data = request.diyData;\n\n   chrome.cookies.getAll({\n            domain: \"taobao.com\"\n        }, function (cookies) {\n            let cookieString = \"\"\n            cookies.forEach(function (cookie) {\n                 cookieString += cookie.name + \"=\" + cookie.value + \";\"\n            }\n            fetch( \"http:\/\/www.xx.com\/api\/data\",\n            {\n                method: \"post\",\n                headers: {\n                   'Content-Type': 'application\/json'\n                },\n                body: JSON.stringify(data),\n            }\n            ).then(\n                res => {\n                    console.log(res);\n                    let reader = res.body.pipeThrough(new TextDecoderStream())\n                        .getReader();\n                    reader.read().then(rs => {\n                        const data = JSON.parse(rs.value)\n                        sendResponse(data); \/\/\u53d1\u9001\u7ed9\u524d\u7aef\u3002\n                    })\n                }\n            ).catch(\n                err => {\n                    console.log(err)\n                }\n            )\n        });\n    }\n)<\/pre>\n\n\n\n<p><strong><em>\u5982\u679c\u51fa\u73b0\u95ee\u9898\u4e86\uff0c\u8bb0\u5f97\u770b\u770b\u81ea\u5df1\u5728\u6e05\u5355\u4e2d\u662f\u5426\u7533\u8bf7\u4e86\u6743\u9650\u3002<\/em><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6709\u4e9b\u529f\u80fd\u9700\u8981\u7528\u5230\u6d88\u606f\u901a\u8baf\uff0c\u6bd4\u5982\u6211\u4eec\u9700\u8981\u83b7\u53d6\u67d0\u4e2a\u7f51\u7ad9\u7684cookie\u53d1\u9001\u5230\u540e\u53f0\u670d\u52a1\u5668\uff0c\u90a3\u4e48\u6211\u4eec\u624b\u52a8\u70b9\u51fb\u4e4b\u540e\uff0c\u9700\u8981\u83b7 &hellip; <a href=\"https:\/\/blog.jishuge.cn\/?p=228\" class=\"more-link\">\u7ee7\u7eed\u9605\u8bfb<span class=\"screen-reader-text\">\u5173\u4e8eChrome Extensions \u6d88\u606f\u901a\u8baf<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":229,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,8],"tags":[24],"class_list":["post-228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-vue","tag-chrome-extensions"],"_links":{"self":[{"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=\/wp\/v2\/posts\/228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=228"}],"version-history":[{"count":1,"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=\/wp\/v2\/posts\/228\/revisions"}],"predecessor-version":[{"id":230,"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=\/wp\/v2\/posts\/228\/revisions\/230"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=\/wp\/v2\/media\/229"}],"wp:attachment":[{"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=228"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jishuge.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}