").append(
`
当前域名：${domain}`,
titleSelect,
titleInput,
closeBtn
);
const cookieTable = $("
")
.append(
`
| Name | Value | Domain | Path | Expires/Max-Age | Size | HttpOnly | Secure | SameSite | 操作 |
|---|
`,
`
`
)
.on("click", ".editable:not(.editing)", (event) => {
const td = $(event.target);
td.toggleClass("editing");
const input = $("");
input.val(td.text());
input.blur(() => {
td.toggleClass("editing");
td.html(input.val());
});
td.html(input);
input.focus();
});
const addBtn = $("").click(() => {
const deleteBtn = $("").click(() => {
if (confirm(`确认删除吗？`)) {
tr.remove();
} else {
console.log("取消");
}
});
const deleteTd = $("").append(deleteBtn);
const tr = $(" | ").append(
` | | ${domain} | / | | | | | | `,
deleteTd
);
$(`.${mainClassName} tbody`).append(tr);
});
const saveBtn = $("").click(() => {
saveCookie();
});
const applyBtn = $("").click(() => {
applyCookie();
});
const btnWrapper = $("").append(addBtn, saveBtn, applyBtn);
return $(``).append(topDiv, cookieTable, btnWrapper);
}
// 初始化页面
function initPage() {
const domain = document.domain;
const main = createMain();
const style = createStyle();
const cookieBtn = createCookieBtn();
$("body").append(style, cookieBtn, main);
GM_cookie.list({}, function (cookies, error) {
if (!error) {
fillTable(cookies);
} else {
alert("获取cookie失败，请检查是否支持GM_cookie函数（目前只有beta版支持）");
}
});
}
// 保存cookie
function saveCookie() {
const title = $(".titleInput").val();
if (["", undefined, null].includes(title)) {
alert("请输入标题");
return;
}
const cookies = [];
$(".cookieTable .cookie-row").each(function () {
const tds = $(this).children("td");
cookies.push({
name: tds[0].innerText,
value: tds[1].innerText,
domain: tds[2].innerText,
path: tds[3].innerText,
expirationDate: +new Date(tds[4].innerText) / 1000,
httpOnly: Boolean(tds[6].innerText),
secure: Boolean(tds[7].innerText),
sameSite: tds[8].innerText,
});
});
const currentDomain = cookiesConfig[domain];
if (currentDomain) {
const currentCookie = currentDomain.find((item) => item.title === title);
if (currentCookie) {
currentCookie.cookies = cookies;
} else {
currentDomain.push({
title,
cookies,
});
}
} else {
cookiesConfig[domain] = [
{
title,
cookies,
},
];
}
console.log("[ cookiesConfig ] =====>", cookiesConfig);
GM_setValue("cookiesConfig", cookiesConfig);
return cookies;
}
// 保存并应用cookie
function applyCookie() {
const cookies = saveCookie();
cookies.forEach((cookie) => {
console.log(cookie);
GM_cookie.set(cookie, function (error) {
if (error) {
console.error(error);
} else {
console.log("Cookie set successfully.");
}
});
});
closePannel();
}
// 填充表格
function fillTable(cookies) {
$(`.${mainClassName} tbody`).html("");
cookies?.forEach((cookie, index) => {
const deleteBtn = $("").click(() => {
if (confirm(`确认删除${cookie.name}吗？`)) {
tr.remove();
}
});
const deleteTd = $("").append(deleteBtn);
const tr = $(" |
").append(
`
| ${cookie.name || ""} |
${cookie.value || ""} |
${cookie.domain || ""} |
${cookie.path || ""} |
${new Date(cookie.expirationDate * 1000).toLocaleString() || ""} |
${cookie.value?.length || ""} |
${cookie.httpOnly} |
${cookie.secure} |
${cookie.sameSite || ""} | `,
deleteTd
);
$(`.${mainClassName} tbody`).append(tr);
});
}
initPage();
})();