Greasy Fork is available in English.
用于管理多个账号的localStorage信息
当前为
// ==UserScript==
// @name 多账号localStorage管理器
// @namespace http://tampermonkey-multiple-accounts
// @version 1.0.0
// @description 用于管理多个账号的localStorage信息
// @match https://www.aliyundrive.com/*
// @grant GM_setValue
// @grant GM_getValue
// ==/UserScript==
(function () {
'use strict';
// 定义变量
var accounts = GM_getValue('accounts', {});
var currentAccount = null;
var currentLocalStorage = null;
var currentHost = window.location.host;
var currentName = JSON.parse(localStorage.token).nick_name || ''
// 创建设置按钮
var settingsButton = document.createElement('div');
settingsButton.innerHTML = `
<div style="position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; background-color: #007fff; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center;">
<i class="fas fa-cog" style="color: white;"></i>
</div>
`;
document.body.appendChild(settingsButton);
// 显示管理面板
function showManagementPanel() {
// 移除之前的管理页面
var previousPanel = document.getElementById('multiple-accounts-panel');
if (previousPanel) {
previousPanel.parentNode.removeChild(previousPanel);
}
// 创建弹出元素
var panel = document.createElement('div');
panel.id = 'multiple-accounts-panel';
panel.style.position = 'fixed';
panel.style.top = '0';
panel.style.left = '0';
panel.style.width = '100%';
panel.style.height = '100%';
panel.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
panel.style.zIndex = '9999';
panel.innerHTML = `
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); width: 600px;">
<h3 style="margin-top: 0; margin-bottom: 20px; font-size: 24px;">多账号localStorage管理器</h3>
<div style="display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 18px;">
<div style="flex: 1; font-weight: bold;">账号名称</div>
<div style="flex: 1; display: flex; justify-content: flex-end; font-weight: bold;">操作</div>
</div>
<div style="overflow-y: auto; max-height: 400px;">
${Object.keys(accounts[currentHost] || {}).map(function (account) {
return `
<div style="display: flex; justify-content: space-between; margin-bottom: 10px;">
<div style="flex: 1;">${account}</div>
<div style="flex: 1; display: flex; justify-content: flex-end;">
<button class="login-button" data-account="${account}" style="margin-right: 10px; padding: 5px 10px; border: none; background-color: #007fff; color: #fff; border-radius: 4px; cursor: pointer;">登录</button>
<button class="update-button" data-account="${account}" style="margin-right: 10px; padding: 5px 10px; border: 1px solid #ccc; background-color: #fff; color: #007fff; border-radius: 4px; cursor: pointer;">更新</button>
<button class="delete-button" data-account="${account}" style="padding: 5px 10px; border: none; background-color: #ff4d4f; color: #fff; border-radius: 4px; cursor: pointer;">删除</button>
</div>
</div>
`;
}).join('')}
</div>
<hr style="margin-top: 20px; margin-bottom: 20px;">
<div style="display: flex; align-items: center; margin-top: 10px;">
<input type="text" value="${currentName}" id="account-name-input" style="flex: 1; padding: 5px 10px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px;" placeholder="请输入账号名称">
<button id="save-current-button" style="margin-left: 10px; padding: 5px 10px; border: none; background-color: #007fff; color: #fff; border-radius: 4px; cursor: pointer;">保存当前账号</button>
</div>
</div>
`;
document.body.appendChild(panel);
// 绑定事件
panel.addEventListener('click', function (e) {
var accountName = e.target.getAttribute('data-account');
if (e.target.classList.contains('login-button')) {
localStorage.clear();
var data = accounts[currentHost][accountName];
for (var key in data) {
localStorage.setItem(key, data[key]);
}
location.reload();
} else if (e.target.classList.contains('update-button')) {
accounts[currentHost][accountName] = getLocalStorageData();
GM_setValue('accounts', accounts);
showManagementPanel();
} else if (e.target.classList.contains('delete-button')) {
delete accounts[currentHost][accountName];
GM_setValue('accounts', accounts);
showManagementPanel();
}
else if(e.target == panel){
panel.parentNode.removeChild(panel);
}
});
// 保存当前账号
document.getElementById('save-current-button').onclick = function () {
var accountName = document.getElementById('account-name-input').value.trim();
if (accountName === '') {
alert('请输入账号名称');
return;
}
if (!accounts[currentHost]) {
accounts[currentHost] = {};
}
accounts[currentHost][accountName] = getLocalStorageData();
GM_setValue('accounts', accounts);
showManagementPanel();
};
}
// 获取当前localStorage数据
function getLocalStorageData() {
var data = {};
for (var i = 0; i < localStorage.length; i++) {
var key = localStorage.key(i);
data[key] = localStorage.getItem(key);
}
return data;
}
// 设置按钮点击事件
settingsButton.onclick = function () {
showManagementPanel();
};
})();