Greasy Fork is available in English.
用于管理多个账号的localStorage信息
// ==UserScript== // @name 阿里云盘多账号localStorage管理器 // @namespace http://tampermonkey-multiple-accounts // @version 1.0.3 // @description 用于管理多个账号的localStorage信息 // @match https://www.aliyundrive.com/* // @match https://www.alipan.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;border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center;"> <i class="fas fa-cog" style="color: white;"><svg t="1684308224035" class="icon" viewBox="0 0 #### ####" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2408" width="28" height="28"><path d="M682.666667 273.066667H580.266667V102.4h-477.866667v477.866667H273.066667V682.666667H0V0h682.666667v273.066667zM443.733333 443.733333v477.866667h477.866667v-477.866667h-477.866667zM341.333333 341.333333h682.666667v682.666667H341.333333V341.333333z" fill="#1296db" p-id="2409"></path></svg></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(); }; })();