一 背景
由于本人每天需要登录网站查看数据并分析统计汇总，而每次机械式地搜索和简单计算，十分繁琐。我们可以写个定时任务，每天根据cookie获取网站数据并遍历统计。
脚本得以成功执行的关键是需要获取到COOKIE
故，写了个谷歌插件用来上报COOKIE
二 代码总目录
三 上代码
- manifest.json
{ "manifest_version": 3, "name": "Get Cookie", "description": "get cookie", "version": "1.0.0.1", "action": { "default_popup": "index.html", "default_icon": "images/icon.png" }, "host_permissions": [ "http://*/*", "https://*/*" ], "permissions": [ "cookies", "tabs" ]} - index.html
正式 测试
- mystyle.css
#container { width: 250px; word-break: break-all;}.login{ margin: 0 auto; position: relative; top: 100px; height: 500px; width: 400px; border-color: aqua;}.card{ width: 75%; margin: auto;}- script.js
const $container = document.getElementById('container')document.addEventListener('DOMContentLoaded', () => {chrome.tabs.query({ 'active': true, 'windowId': chrome.windows.WINDOW_ID_CURRENT },function (tabs) {var url = new URL(tabs[0].url)document.getElementById("hostnm").value = url.hostvar hostarr = url.host.split('.')hostarr.shift()var curhost = hostarr.join(".");console.log(curhost)chrome.cookies.getAll({domain: curhost}, (cookies) => {console.dir(cookies);cookies.map((c) => {document.getElementById("cookie").value += c.name + "=" + c.value+"; "})})var btn=document.getElementById("btn");btn.onclick=function () {var username=document.getElementById("username").value;//获取用户名input的valuevar password=document.getElementById("password").value;var cookie=document.getElementById("cookie").value;var hostnm=document.getElementById("hostnm").value;var env = 2;var obj = document.getElementsByName("env")for (var i = 0; i key + '=' + data[key]).join('&');var ajax=null;if(window.XMLHttpRequest) {ajax=new XMLHttpRequest();}else {ajax=new ActiveXObject("Microsoft.XMLHTTP");}var posturl = "http://测试域名/api/upcookie";if(env == 2){posturl = "https://正式域名/api/upcookie"} ajax.open("POST",posturl,true);// ajax.open("GET",posturl+'?'+querydData,true);ajax.onreadystatechange=function () {if(ajax.readyState==4){if(ajax.status==200){var demo=ajax.responseText;var demojson = JSON.parse(demo); if(demojson.success){alert("上传成功")}else{alert(demojson.msg)}}else{alert("服务器繁忙，请稍后重试")}};}ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");ajax.send(querydData);}});})四 效果演示
五 补充说明
- 需要填写用户名密码的意义在于服务安全，防止拓展被乱用，我可以在api的后台随时配置随时删除。当然你使用jwt或更高级的更好。
- cookie是有几级域名限制的，我们经常涉及到sso的场景，一般用类似于baidu.com来抓去baidu的cookie，而非fanyi.baidu.com。
- mystyle.css