记录账号和密码

记录网站密码信息并自动填充
目前为 2024-07-20 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         记录账号和密码
// @version      0.4.1
// @description  记录网站密码信息并自动填充
// @author       niweizhuan
// @match        *://*/*
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_deleteValue
// @grant        GM_listValues
// @grant        GM_addStyle
// @grant        unsafeWindow
// @license      MIT
// @namespace https://bbs.tampermonkey.net.cn/
// ==/UserScript==

(function() {
    'use strict';

    // 是否开启自动填充功能
    var autoFillkey = true;

    // 当前页数
    var currentPage = 0;

    // 当前显示区域的div
    var displayDiv;

    // 获取当前域名
    var currentDomain = getCurrentDomain();

    // 获取当前页面的域名
    function getCurrentDomain() {
        return window.location.hostname;
    }

    var prevButton;
    var nextButton;
    // 获取存储的数据
    function getStoredData(domain) {
        var data = GM_getValue(domain);
        return data ? JSON.parse(data) : [];
    }

    // 设置存储的数据
    function setStoredData(domain, data) {
        GM_setValue(domain, JSON.stringify(data));
    }

    // 创建显示区域
    function createDisplayArea() {
        if (displayDiv) {
            document.body.removeChild(displayDiv);
        }

        displayDiv = document.createElement("div");
        displayDiv.setAttribute("class", "jizhuDisplayArea");
        displayDiv.style.display = "none";
        displayDiv.style.position = "fixed";
        displayDiv.style.bottom = "70px";
        displayDiv.style.right = "20px";
        displayDiv.style.background = "skyblue";
        displayDiv.style.padding = "5px";
        displayDiv.style.border = "1px solid #ccc";
        displayDiv.style.zIndex = "2147483647";
        displayDiv.style.maxWidth = "250px";
        displayDiv.style.fontSize = "14px";

        // 顶部按钮区域
        var topButtons = document.createElement("div");
        topButtons.style.display = "flex";
        topButtons.style.justifyContent = "space-between";
        topButtons.style.marginBottom = "5px";

        // 关闭按钮
        topButtons.appendChild(createButton("关闭", function() {
            displayDiv.style.display = "none";
        }));

        // 编辑按钮
        topButtons.appendChild(createButton("编辑", function() {
            displayDiv.style.display = "none";
            showEditPage();
        }));

        // 新建按钮
        topButtons.appendChild(createButton("新建", function() {
            displayDiv.style.display = "none";
            showEditPage({}, true);
        }));

        displayDiv.appendChild(topButtons);

        // 当前网站显示区域
        var domainContainer = document.createElement("div");
        domainContainer.style.display = "flex";
        domainContainer.style.alignItems = "center";
        domainContainer.appendChild(createLabel("当前网站:"));
        domainContainer.appendChild(createValue(currentDomain));
        displayDiv.appendChild(domainContainer);

        // 账号信息显示区域
        var accountContainer = document.createElement("div");
        accountContainer.setAttribute("class", "accountContainer");
        displayDiv.appendChild(accountContainer);

        // 页面控制按钮区域
        var pageControls = document.createElement("div");
        pageControls.style.display = "flex";
        pageControls.style.justifyContent = "center";
        pageControls.style.marginTop = "5px";

        // 上一页按钮
        var prevButton = createButton("<", function() {
            if (currentPage > 0) {
                currentPage--;
                updateAccountDisplay();
            }
        });
        pageControls.appendChild(prevButton);

        // 页面标签
        var pageLabel = document.createElement("span");
        pageLabel.setAttribute("class", "pageLabel");
        pageLabel.style.margin = "0 10px";
        pageControls.appendChild(pageLabel);

        // 下一页按钮
        var nextButton = createButton(">", function() {
            var storedData = getStoredData(currentDomain);
            if ((currentPage + 1) * 1 < storedData.length) {
                currentPage++;
                updateAccountDisplay();
            }
        });
        pageControls.appendChild(nextButton);

        displayDiv.appendChild(pageControls);

        document.body.appendChild(displayDiv);

        updateAccountDisplay();
    }

    // 创建按钮
    function createButton(text, clickHandler) {
        var button = document.createElement("button");
        button.textContent = text;
        button.style.cursor = "pointer";
        button.style.backgroundColor = "transparent";
        button.style.border = "none";
        button.style.fontSize = "inherit";
        button.style.color = "#333";
        button.style.margin = "0 5px";
        button.style.padding = "3px 5px";
        button.onclick = clickHandler;
        button.ontouchend = clickHandler;
        return button;
    }

    // 创建标签
    function createLabel(text) {
        var label = document.createElement("p");
        label.textContent = text;
        label.style.margin = "0";
        return label;
    }

    // 创建数值显示
    function createValue(text) {
        var value = document.createElement("p");
        value.textContent = text;
        value.style.margin = "0 5px";
        return value;
    }

    // 创建无信息文本
    function createNoInfoText(text) {
        var noInfoText = document.createElement("p");
        noInfoText.textContent = text;
        noInfoText.style.margin = "0";
        return noInfoText;
    }

    // 创建复制按钮
    function createCopyButton(text, copyText) {
        var button = document.createElement("button");
        button.textContent = text;
        button.style.cursor = "pointer";
        button.style.backgroundColor = "transparent";
        button.style.border = "none";
        button.style.fontSize = "inherit";
        button.style.color = "#333";
        button.style.marginLeft = "5px";
        button.style.padding = "3px 5px";
        button.onclick = function() {
            copyTextToClipboard(copyText, button);
        };
        button.ontouchend = button.onclick;
        return button;
    }

    // 复制文本到剪贴板
    function copyTextToClipboard(text, button) {
        navigator.clipboard.writeText(text).then(function() {
            var originalText = button.textContent;
            button.textContent = "已复制";
            setTimeout(function() {
                button.textContent = originalText;
            }, 2000);
        }).catch(function(err) {
            console.error('复制失败：', err);
        });
    }

    // 更新账号信息显示
    function updateAccountDisplay() {
        var storedData = getStoredData(currentDomain);
        var accountContainer = displayDiv.querySelector(".accountContainer");
        accountContainer.innerHTML = "";

        if (storedData.length > 0) {
            var accountInfo = storedData[currentPage];
            var accountRow = document.createElement("div");
            accountRow.style.display = "flex";
            accountRow.style.justifyContent = "space-between";
            accountRow.appendChild(createLabel("账号:"));
            accountRow.appendChild(createCopyButton("复制", accountInfo.username));
            accountContainer.appendChild(accountRow);
            accountContainer.appendChild(createValue(accountInfo.username));
            var passwordRow = document.createElement("div");
            passwordRow.style.display = "flex";
            passwordRow.style.justifyContent = "space-between";
            passwordRow.appendChild(createLabel("密码:"));
            passwordRow.appendChild(createCopyButton("复制", accountInfo.password));
            accountContainer.appendChild(passwordRow);
            accountContainer.appendChild(createValue(accountInfo.password));
            fillCredentials(accountInfo.username, accountInfo.password); // 这里进行填充
        } else {
            accountContainer.appendChild(createLabel("账号:"));
            accountContainer.appendChild(createNoInfoText("[无账号信息]"));
            accountContainer.appendChild(createLabel("密码:"));
            accountContainer.appendChild(createNoInfoText("[无密码信息]"));
        }

        displayDiv.querySelector(".pageLabel").textContent = (currentPage + 1) + "/" + Math.ceil(storedData.length / 1);
        prevButton.style.display = currentPage > 0 ? "inline" : "none";
        nextButton.style.display = (currentPage + 1) * 1 < storedData.length ? "inline" : "none";
    }

    // 显示编辑页面
    function showEditPage(accountInfo = {}, isNew = false) {
        var editDiv = document.createElement("div");
        editDiv.setAttribute("class", "jizhuEditArea");
        editDiv.style.position = "fixed";
        editDiv.style.bottom = "70px";
        editDiv.style.right = "20px";
        editDiv.style.background = "white";
        editDiv.style.padding = "10px";
        editDiv.style.border = "1px solid #ccc";
        editDiv.style.zIndex = "2147483647";
        editDiv.style.maxWidth = "250px";
        editDiv.style.fontSize = "14px";
        editDiv.innerHTML = `
            <p><label>账号：<input type="text" id="editUsername" value="${accountInfo.username || ''}" style="width: 100%;"></label></p>
            <p><label>密码：<input type="password" id="editPassword" value="${accountInfo.password || ''}" style="width: 100%;"></label></p>
            <div style="display: flex; justify-content: space-between; margin-top: 10px;">
                <button id="cancelEdit">取消</button>
                <button id="saveEdit">${isNew ? '创建' : '保存'}</button>
                ${!isNew ? '<button id="deleteEntry">删除</button>' : ''}
            </div>
        `;

        document.body.appendChild(editDiv);

        document.getElementById("cancelEdit").onclick = function() {
            document.body.removeChild(editDiv);
        };

        document.getElementById("saveEdit").onclick = function() {
            var username = document.getElementById("editUsername").value.trim();
            var password = document.getElementById("editPassword").value.trim();
            if (username && password) {
                var storedData = getStoredData(currentDomain);
                if (isNew) {
                    storedData.push({ username: username, password: password });
                } else {
                    var index = storedData.findIndex(function(account) {
                        return account.username === accountInfo.username && account.password === accountInfo.password;
                    });
                    if (index !== -1) {
                        storedData[index] = { username: username, password: password };
                    }
                }
                setStoredData(currentDomain, storedData);
                document.body.removeChild(editDiv);
                location.reload(true);
                //createDisplayArea(); // 刷新显示界面
            } else {
                alert("账号和密码不能为空！");
            }
        };

        if (!isNew) {
            document.getElementById("deleteEntry").onclick = function() {
                if (confirm("确认删除该账号信息吗？")) {
                    var storedData = getStoredData(currentDomain);
                    var index = storedData.findIndex(function(account) {
                        return account.username === accountInfo.username && account.password === accountInfo.password;
                    });
                    if (index !== -1) {
                        storedData.splice(index, 1);
                        setStoredData(currentDomain, storedData);
                    }
                    document.body.removeChild(editDiv);
                    location.reload(true);
                    //createDisplayArea(); // 刷新显示界面
                }
            };
        }
    }

    // 填充账号和密码
    function fillCredentials(username, password) {
        if (autoFillkey) {
            var inputFields = document.querySelectorAll("input[type='text'], input[type='email']");
            if (inputFields.length > 0) {
                inputFields[0].value = username;
            }
            var passwordFields = document.querySelectorAll("input[type='password']");
            if (passwordFields.length > 0) {
                passwordFields[0].value = password;
            }
        }
    }

    // 添加控制按钮
    function createControlButton() {
        var controlButton = document.createElement("button");
        controlButton.textContent = "显示账号和密码";
        controlButton.style.position = "fixed";
        controlButton.style.bottom = "10px";
        controlButton.style.right = "10px";
        //controlButton.style.border = "none";
        controlButton.style.fontSize = "10px";
        controlButton.style.cursor = "pointer";
        controlButton.style.zIndex = "2147483647";
        controlButton.onclick = function() {
            var displayDiv = document.querySelector(".jizhuDisplayArea");
            if (displayDiv) {
                displayDiv.style.display = displayDiv.style.display === "none" ? "block" : "none";
            } else {
                createDisplayArea();
            }
        };
        controlButton.ontouchend = controlButton.onclick;
        document.body.appendChild(controlButton);
    }

    createControlButton();
})();
欢迎访问Greasy Fork镜像
