b-live-random-send-test

定时从设置的字幕中随机取出一条在B站直播间发送,需先登录B站账号

目前為 2022-08-26 提交的版本,檢視 最新版本

此腳本不應該直接安裝,它是一個供其他腳本使用的函式庫。欲使用本函式庫,請在腳本 metadata 寫上: // @require https://update.cn-greasyfork.org/scripts/447936/1085989/b-live-random-send-test.js

// ==UserScript==
// @author          Gamyou
// @version         1.4.2
// @note            22-08-14 1.4.2 修复B站直播间因活动而嵌套网页而导致房间号解析出错的BUG
// @note            22-08-14 1.4.1 修复B站直播间因活动而嵌套网页而导致脚本加载出错的BUG
// @note            22-08-13 1.4.0 实现阿B各直播间数据分离保存和油猴脚本更新提示功能
// @note            22-08-05 1.3.0 增加播放器底部登录提示和Haruna的隐藏功能
// @note            22-07-29 1.2.6 修复初始化后的常量被赋值和没能初始化成功组件时系统提示加载超时的问题
// @note            22-07-24 1.2.5 增加分组启用按钮,并优化设置面板样式
// @note            22-07-23 1.2.4 修复弹幕分组数据都为空时,旧数据重复合并的BUG
// @note            22-07-16 1.2.3 修复设置弹幕时旧(初始)数据没有清空的BUG
// @note            22-06-24 1.2.2 优化部分代码
// @note            22-06-20 1.2.1 修复定时停止不能再开始的BUG
// @note            22-06-19 1.2.0 添加弹幕设置功能
// ==/UserScript==


(function () {
    window.autoSendDanmuModuleLoaded = false;
    let source = {
        version: 3,
        random: true,
        data1: { available: true, values: ['弹幕①', '弹幕②'] },
        data2: { available: true, values: ['弹幕③', '弹幕④'] },
        data3: { available: true, values: ['弹幕⑤', '弹幕⑥'] },
        data4: { available: true, values: ['弹幕⑦', '弹幕⑧'] },
        data5: { available: true, values: ['弹幕⑨', '弹幕Ⅹ'] }
    };
    let waiters = [], data = [], timer = null, signInContent = '签到';
    let count = 0, waitCount = 10, lastSent = 0, arrayIndex = 0, default_timeout = 600;
    let rdCheckbox, group1Checkbox, group2Checkbox, group3Checkbox, group4Checkbox, group5Checkbox,
        dmButtonSend, dmInput, divSetting, dataText1, dataText2, dataText3, dataText4, dataText5, spanApplyTip;
    let gmNotice = (obj) => { alert('请更新油猴脚本'); window.location.href = frameworkUrl; },
        getGmValue = (key, defaultValue) => { return null; },
        setGmValue = (key, obj) => { console.warn('No implementation "setGmValue" method.'); },
        delGmValue = (key) => { console.warn('No implementation "delGmValue" method.'); };
    debugger;
    const noticeTimeout = 10000,
        frameworkVersion = '2.3.0',
        noticeImageUrl = 'https://www.bilibili.com/favicon.ico',
        frameworkUrl = 'https://greasyfork.org/zh-CN/scripts/446725',
        roomId = window.__NEPTUNE_IS_MY_WAIFU__
            ? window.__NEPTUNE_IS_MY_WAIFU__.roomInfoRes.data.room_info.room_id
            : window.location.pathname.replaceAll(/^\/(\S+\/)*/g,''),
        setGmGetValue = (callback) => getGmValue = callback,
        setGmSetValue = (callback) => setGmValue = callback,
        setGmDelValue = (callback) => delGmValue = callback,
        setGmNotice = (callback) => gmNotice = callback,
        arrayInfo = () => console.info(data),
        setLoadedFlag = (flag) => window.autoSendDanmuModuleLoaded = flag,
        initCss = () => {
            let linkElement = document.createElement('link');
            linkElement.rel = 'stylesheet';
            linkElement.href = 'https://unpkg.com/[email protected]/lib/theme-chalk/index.css';
            document.head.appendChild(linkElement);

            // 图标库 https://ionic.io/ionicons
            // let scriptElement = document.createElement('script');
            // scriptElement.src = 'https://unpkg.com/[email protected]/dist/ionicons.js';
            // document.head.appendChild(scriptElement);

            let customerStyle = document.createElement('style');
            customerStyle.setAttribute('type', 'text/css');
            customerStyle.innerHTML = '.danmu-group-title{font-size:14px;padding-left:2px;color:rgb(18, 56, 141);display:inline;margin-right:60%;vertical-align:middle;}.danmu-group-textarea{width:98%;min-height:100px;height:16%;margin:1px 0px 4px;border:0px;resize:none;}.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#FFF;border:1px solid #DCDFE6;color:#606266;-webkit-appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0;margin:0;-webkit-transition:.1s;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px}.el-button.is-circle{border-radius:50%;padding:12px}.el-button--mini.is-circle{padding:3px;}.el-button:focus,.el-button:hover{color:#409EFF;border-color:#c6e2ff;background-color:#ecf5ff}.el-icon-close.is-circle{padding:5px;color:#ff0000;border:1px solid #ff0000;margin-left:20px;}.el-icon-check.is-circle{padding:5px;color:#0000ff;border:1px solid #0000ff;margin-left:20px;}input[type="checkbox"]{display:none;}.switch-check{display:inline-block;margin:0 5px;vertical-align:middle;}.switch-check-label{display:inline-block;vertical-align:middle;border:1px solid #bdc3c7;border-radius:60px;width:40px;height:18px;position:relative;transition:all .3s;cursor:pointer;}.switch-check-label:before{width:14px;height:14px;content:"";display:inline-block;background-color:#bdc3c7;border-radius:100%;position:absolute;top:2px;left:4px;transition:all .3s;}.switch-check :checked ~ label{background-color:#26b22b;border-color:#26b22b;}.switch-check :checked ~ label:before{left:22px;background-color:#fff;}.danmu-random-setting-panel{background-color:#d4f2e0;border-radius:2px;width:100%;height:100%;overflow-y:auto;position:absolute;left:0px;top:0px;z-index:999;display:none;}.danmu-random-setting-title{text-align:center;font-size:16px;font-weight:700;color:#1c5adc;line-height:30px;}.danmu-random-setting-tips{color:#0b81cc;text-align:center;font-style:italic;}.danmu-random-update-tips{color:#0b81cc;text-align:center;font-size:13px;font-weight:700;margin:10px 0px;}.danmu-random-setting-bottom{width:100%;line-height:35px;}.danmu-random-switch-button-title{font-size:16px;vertical-align:middle;margin-right:4px;color:#095ca2;cursor:help;}.danmu-random-setting-success-tips{text-align:center;display:inline-block;vertical-align:middle;width:34%;}.danmu-random-setting-success-text{font-size:16px;color:#128712;display:none;}.danmu-random-set-button-container{display:inline-block;vertical-align:middle;}';
            document.head.appendChild(customerStyle);
        },
        getCurrentTimestamp = () => new Date().getTime(),
        send = (msg, index) => {
            let dmTextArea = document.getElementById('aside-area-vm').getElementsByClassName('chat-input border-box')[0];
            if (!dmTextArea) {
                alert('找不到输入弹幕文本框,请尝试刷新页面');
                return;
            }

            let btnSend = document.getElementsByClassName('bl-button live-skin-highlight-button-bg live-skin-button-text bl-button--primary bl-button--small')[0];
            if (!btnSend) {
                alert('找不到发送按钮,请尝试刷新页面');
                return;
            }
            // if (getCurrentTimestamp() - lastSent < 5000) {
            //     setTimeout(() => send(msg, index), 5000);
            //     console.log('=================> 发送间隔少于5秒,进入递归处理');
            // } else {
            dmTextArea.value = msg;
            // 定义事件, 定义才可发送
            dmTextArea.dispatchEvent(new Event('input', { "bubbles": true, "cancelable": true }));
            btnSend.click();
            lastSent = getCurrentTimestamp();
            ++count;
            console.log('=================> ' + new Date().toLocaleString() + ' 弹幕发送成功 ' + count + ' 次,第【' + index + '】条数据 === ' + msg);
            // }
        },
        isNull = (str) => {
            if (!str || str == "")
                return true;

            let regu = "^[ ]+$";
            let re = new RegExp(regu);
            return re.test(str);
        },
        randomSort = (arr) => {
            for (let i = 0; i < arr.length; i++) {
                const rdIndex = Math.floor(Math.random() * arr.length);
                const temp = arr[i];
                arr[i] = arr[rdIndex];
                arr[rdIndex] = temp;
            }

            return arr;
        },
        clearWaiters = () => {
            for (let i = 0; i < waiters.length; i++) {
                clearInterval(waiters[i]);
                waiters[i] = null;
            }

            waiters = [];
        },
        signIn = () => {
            let timestamp = new Date(new Date(new Date().setDate(new Date().getDate() + 1)).toDateString()).getTime() - getCurrentTimestamp();
            console.log('=================> 设置第二天凌晨签到定时器【' + timestamp + '】');
            setTimeout(() => {
                if (dmButtonSend.textContent === '停止')
                    send(signInContent, 0);

                console.log('=================> 进入下一轮递归签到');
                signIn();
            }, timestamp);
        },
        // selectRandom = () => source.random = rdCheckbox.checked,
        setCheckboxChecked = () => {
            rdCheckbox.checked = source.random;
            group1Checkbox.checked = source.data1.available;
            group2Checkbox.checked = source.data2.available;
            group3Checkbox.checked = source.data3.available;
            group4Checkbox.checked = source.data4.available;
            group5Checkbox.checked = source.data5.available;
        },
        openSetting = () => divSetting.style.display = 'block',
        closeSetting = () => {
            setCheckboxChecked();
            divSetting.style.display = 'none';
        },
        initData = () => {
            if (source.data1.values.length <= 0
                && source.data2.values.length <= 0
                && source.data3.values.length <= 0
                && source.data4.values.length <= 0
                && source.data5.values.length <= 0) {
                return data ? data : [];
            }

            let result = [];
            result = source.data1.available ? result.concat(source.data1.values) : result;
            result = source.data2.available ? result.concat(source.data2.values) : result;
            result = source.data3.available ? result.concat(source.data3.values) : result;
            result = source.data4.available ? result.concat(source.data4.values) : result;
            result = source.data5.available ? result.concat(source.data5.values) : result;
            data = result;
            source.random ? data = randomSort(result) : arrayIndex = 0;
        },
        applySetting = () => {
            source.data1.values = isNull(dataText1.value) ? [] : dataText1.value.split('|');
            source.data2.values = isNull(dataText2.value) ? [] : dataText2.value.split('|');
            source.data3.values = isNull(dataText3.value) ? [] : dataText3.value.split('|');
            source.data4.values = isNull(dataText4.value) ? [] : dataText4.value.split('|');
            source.data5.values = isNull(dataText5.value) ? [] : dataText5.value.split('|');
            source.random = rdCheckbox.checked;
            source.data1.available = group1Checkbox.checked;
            source.data2.available = group2Checkbox.checked;
            source.data3.available = group3Checkbox.checked;
            source.data4.available = group4Checkbox.checked;
            source.data5.available = group5Checkbox.checked;
            initData();
            setGmValue(roomId, source);
            spanApplyTip.style.display = 'block';
            setTimeout(() => {
                spanApplyTip.style.display = 'none';
                divSetting.style.display = 'none';
            }, 1500);
        },
        danmu = () => {
            if (data.length < 1) {
                // alert('请任意在一个分组里输入一条弹幕');
                gmNotice({
                    text: '请任意在一个分组里输入一条弹幕',
                    title: '没有弹幕数据,请先设置',
                    image: noticeImageUrl,
                    highlight: true,
                    timeout: noticeTimeout
                });
                return false;
            }
            if (source.random)
                arrayIndex = Math.floor((Math.random() * data.length));

            send(data[arrayIndex], arrayIndex);
            ++arrayIndex;
            if (arrayIndex >= data.length)
                arrayIndex = 0;

            return true;
        },
        offOrOn = () => {
            let timeout = 0;
            if (timer) {
                console.log('=================> ' + new Date().toLocaleString() + ' 停止发送弹幕');
                clearInterval(timer);
                timer = null;
                console.log('=================> ' + new Date().toLocaleString() + ' 停止成功!!');
                dmButtonSend.style.background = 'rgba(217,157,27,1)';
                dmButtonSend.textContent = '开始';
                dmInput.removeAttribute("disabled");
            } else {
                timeout = isNull(dmInput.value) ? default_timeout * 1000 : dmInput.value * 1000;
                if (!danmu())
                    return;

                console.log('=================> ' + new Date().toLocaleString() + ' 开启定时器');
                timer = setInterval(danmu, timeout);
                console.log('=================> ' + new Date().toLocaleString() + ' 开启成功!!');
                dmButtonSend.style.background = '#ff0000';
                dmButtonSend.textContent = '停止';
                dmInput.setAttribute('disabled', 'disabled');
            }
        },
        buildPanel = (divButton) => {
            /* ----------------------------------------- head ----------------------------------------- */
            let divSettingTitle = document.createElement('div');
            divSettingTitle.textContent = '弹幕设置';
            divSettingTitle.classList.add('danmu-random-setting-title');

            let divTip = document.createElement('div');
            divTip.classList.add('danmu-random-setting-tips');
            divTip.innerHTML = '任一分组内输入弹幕即可,多条用<span style="color:#dc6b07;margin:0 2px 0 4px;font-weight:700;font-style:normal;">竖线</span>分隔';

            let divUpdateTip = document.createElement('div');
            divUpdateTip.classList.add('danmu-random-update-tips');
            divUpdateTip.innerHTML = '<span style="color:#f00">更新提示:</span>各直播间保存的数据不再相互影响';
            /* ----------------------------------------- head ----------------------------------------- */

            /* ----------------------------------------- textarea 1 ----------------------------------------- */
            let divText1 = document.createElement('div');
            divText1.textContent = '分组 1 :';
            divText1.classList.add('danmu-group-title');

            group1Checkbox = document.createElement('input');
            group1Checkbox.type = 'checkbox';
            group1Checkbox.id = 'group1Checkbox';
            group1Checkbox.checked = true;

            let lblGroup1Checkbox = document.createElement('label');
            lblGroup1Checkbox.setAttribute('for', 'group1Checkbox');
            lblGroup1Checkbox.classList.add('switch-check-label');

            let divGroup1Checkbox = document.createElement('div');
            divGroup1Checkbox.classList.add('switch-check');
            divGroup1Checkbox.appendChild(group1Checkbox);
            divGroup1Checkbox.appendChild(lblGroup1Checkbox);

            dataText1 = document.createElement('textarea');
            dataText1.classList.add('danmu-group-textarea');
            dataText1.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
            /* ----------------------------------------- textarea 1 ----------------------------------------- */

            /* ----------------------------------------- textarea 2 ----------------------------------------- */
            let divText2 = document.createElement('div');
            divText2.textContent = '分组 2 :';
            divText2.classList.add('danmu-group-title');

            group2Checkbox = document.createElement('input');
            group2Checkbox.type = 'checkbox';
            group2Checkbox.id = 'group2Checkbox';
            group2Checkbox.checked = true;

            let lblGroup2Checkbox = document.createElement('label');
            lblGroup2Checkbox.setAttribute('for', 'group2Checkbox');
            lblGroup2Checkbox.classList.add('switch-check-label');

            let divGroup2Checkbox = document.createElement('div');
            divGroup2Checkbox.classList.add('switch-check');
            divGroup2Checkbox.appendChild(group2Checkbox);
            divGroup2Checkbox.appendChild(lblGroup2Checkbox);

            dataText2 = document.createElement('textarea');
            dataText2.classList.add('danmu-group-textarea');
            dataText2.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
            /* ----------------------------------------- textarea 2 ----------------------------------------- */

            /* ----------------------------------------- textarea 3 ----------------------------------------- */
            let divText3 = document.createElement('div');
            divText3.textContent = '分组 3 :';
            divText3.classList.add('danmu-group-title');

            group3Checkbox = document.createElement('input');
            group3Checkbox.type = 'checkbox';
            group3Checkbox.id = 'group3Checkbox';
            group3Checkbox.checked = true;

            let lblGroup3Checkbox = document.createElement('label');
            lblGroup3Checkbox.setAttribute('for', 'group3Checkbox');
            lblGroup3Checkbox.classList.add('switch-check-label');

            let divGroup3Checkbox = document.createElement('div');
            divGroup3Checkbox.classList.add('switch-check');
            divGroup3Checkbox.appendChild(group3Checkbox);
            divGroup3Checkbox.appendChild(lblGroup3Checkbox);

            dataText3 = document.createElement('textarea');
            dataText3.classList.add('danmu-group-textarea');
            dataText3.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
            /* ----------------------------------------- textarea 3 ----------------------------------------- */

            /* ----------------------------------------- textarea 4 ----------------------------------------- */
            let divText4 = document.createElement('div');
            divText4.textContent = '分组 4 :';
            divText4.classList.add('danmu-group-title');

            group4Checkbox = document.createElement('input');
            group4Checkbox.type = 'checkbox';
            group4Checkbox.id = 'group4Checkbox';
            group4Checkbox.checked = true;

            let lblGroup4Checkbox = document.createElement('label');
            lblGroup4Checkbox.setAttribute('for', 'group4Checkbox');
            lblGroup4Checkbox.classList.add('switch-check-label');

            let divGroup4Checkbox = document.createElement('div');
            divGroup4Checkbox.classList.add('switch-check');
            divGroup4Checkbox.appendChild(group4Checkbox);
            divGroup4Checkbox.appendChild(lblGroup4Checkbox);

            dataText4 = document.createElement('textarea');
            dataText4.classList.add('danmu-group-textarea');
            dataText4.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
            /* ----------------------------------------- textarea 4 ----------------------------------------- */

            /* ----------------------------------------- textarea 5 ----------------------------------------- */
            let divText5 = document.createElement('div');
            divText5.textContent = '分组 5 :';
            divText5.classList.add('danmu-group-title');

            group5Checkbox = document.createElement('input');
            group5Checkbox.type = 'checkbox';
            group5Checkbox.id = 'group5Checkbox';
            group5Checkbox.checked = true;

            let lblGroup5Checkbox = document.createElement('label');
            lblGroup5Checkbox.setAttribute('for', 'group5Checkbox');
            lblGroup5Checkbox.classList.add('switch-check-label');

            let divGroup5Checkbox = document.createElement('div');
            divGroup5Checkbox.classList.add('switch-check');
            divGroup5Checkbox.appendChild(group5Checkbox);
            divGroup5Checkbox.appendChild(lblGroup5Checkbox);

            dataText5 = document.createElement('textarea');
            dataText5.classList.add('danmu-group-textarea');
            dataText5.setAttribute('placeholder', '请输入弹幕,多条弹幕请用“|”分隔');
            /* ----------------------------------------- textarea 5 ----------------------------------------- */

            /* ----------------------------------------- random chackbox ----------------------------------------- */
            let descCheckbox = document.createElement('span');
            descCheckbox.textContent = '随机';
            descCheckbox.title = '将合并所有分组数据,从中随机选出一条发送';
            descCheckbox.classList.add('danmu-random-switch-button-title');

            rdCheckbox = document.createElement('input');
            rdCheckbox.type = 'checkbox';
            rdCheckbox.id = 'rdmCheckbox';
            rdCheckbox.checked = true;
            // rdCheckbox.addEventListener('click', selectRandom);

            let lblCheckbox = document.createElement('label');
            lblCheckbox.setAttribute('for', 'rdmCheckbox');
            lblCheckbox.classList.add('switch-check-label');

            let divCheckbox = document.createElement('div');
            divCheckbox.classList.add('switch-check');
            divCheckbox.style.marginLeft = '10px';
            divCheckbox.appendChild(descCheckbox);
            divCheckbox.appendChild(rdCheckbox);
            divCheckbox.appendChild(lblCheckbox);
            /* ----------------------------------------- random chackbox ----------------------------------------- */

            /* ----------------------------------------- div tip ----------------------------------------- */
            spanApplyTip = document.createElement('span');
            spanApplyTip.textContent = '设置成功';
            spanApplyTip.classList.add('danmu-random-setting-success-text');

            let divApplyTip = document.createElement('div');
            divApplyTip.classList.add('danmu-random-setting-success-tips');
            divApplyTip.appendChild(spanApplyTip);
            /* ----------------------------------------- div tip ----------------------------------------- */

            /* ----------------------------------------- appley and close button ----------------------------------------- */
            let btnApplySetting = document.createElement('i');
            btnApplySetting.setAttribute('title', '应用');
            btnApplySetting.classList.add('el-button');
            btnApplySetting.classList.add('el-icon-check');
            btnApplySetting.classList.add('is-circle');
            btnApplySetting.addEventListener('click', applySetting);

            let btnCloseSetting = document.createElement('i');
            btnCloseSetting.setAttribute('title', '关闭');
            btnCloseSetting.classList.add('el-button');
            btnCloseSetting.classList.add('el-icon-close');
            btnCloseSetting.classList.add('is-circle');
            btnCloseSetting.addEventListener('click', closeSetting);

            let divSettingButton = document.createElement('div');
            divSettingButton.classList.add('danmu-random-set-button-container');
            divSettingButton.appendChild(btnApplySetting);
            divSettingButton.appendChild(btnCloseSetting);
            /* ----------------------------------------- appley and close button ----------------------------------------- */

            /* ----------------------------------------- container ----------------------------------------- */
            let divBottomContainer = document.createElement('div');
            divBottomContainer.classList.add('danmu-random-setting-bottom');
            divBottomContainer.appendChild(divCheckbox);
            divBottomContainer.appendChild(divApplyTip);
            divBottomContainer.appendChild(divSettingButton);

            let divContainer = document.createElement('div');
            divContainer.style.height = 'calc(98% - 30px - 25px)';
            divContainer.appendChild(divText1);
            divContainer.appendChild(divGroup1Checkbox);
            divContainer.appendChild(dataText1);
            divContainer.appendChild(divText2);
            divContainer.appendChild(divGroup2Checkbox);
            divContainer.appendChild(dataText2);
            divContainer.appendChild(divText3);
            divContainer.appendChild(divGroup3Checkbox);
            divContainer.appendChild(dataText3);
            divContainer.appendChild(divText4);
            divContainer.appendChild(divGroup4Checkbox);
            divContainer.appendChild(dataText4);
            divContainer.appendChild(divText5);
            divContainer.appendChild(divGroup5Checkbox);
            divContainer.appendChild(dataText5);
            divContainer.appendChild(divBottomContainer);
            /* ----------------------------------------- container ----------------------------------------- */

            divSetting = document.createElement('div');
            divSetting.classList.add('danmu-random-setting-panel');
            divSetting.appendChild(divSettingTitle);
            divSetting.appendChild(divTip);
            divSetting.appendChild(divUpdateTip);
            divSetting.appendChild(divContainer);

            let asideAreaVm = document.getElementById('aside-area-vm');
            asideAreaVm.appendChild(divSetting);

            /* ----------------------------------------- function ----------------------------------------- */
            dmButtonSend = document.createElement('button');
            dmButtonSend.textContent = '开始';
            dmButtonSend.style.minWidth = '65px';
            dmButtonSend.style.height = '24px';
            dmButtonSend.style.fontSize = '12px';
            dmButtonSend.style.borderRadius = '4px';
            dmButtonSend.style.color = '#ffffff';
            dmButtonSend.style.background = 'rgba(217,157,27,1)';
            dmButtonSend.style.border = '0';
            dmButtonSend.style.cursor = 'pointer';
            //dmButtonSend.onclick = function() { alert('Hello world');}
            dmButtonSend.addEventListener('click', offOrOn);

            let beforeSpan = document.createElement('span');
            beforeSpan.textContent = '每';
            beforeSpan.style.color = '#ffffff';
            beforeSpan.style.fontSize = '12px';
            beforeSpan.style.marginLeft = '4px';
            beforeSpan.style.backgroundColor = '#ec6c1b';

            dmInput = document.createElement('input');
            dmInput.value = default_timeout;
            dmInput.style.width = '25px';
            dmInput.style.height = '15px';
            dmInput.style.margin = '0 3px';
            dmInput.style.border = '0';
            dmInput.style.borderRadius = '3px';
            dmInput.setAttribute('oninput', "this.value = this.value.replace(/[^0-9]/g, '')");

            let afterSpan = document.createElement('span');
            afterSpan.textContent = '秒发送';
            afterSpan.style.color = '#ffffff';
            afterSpan.style.fontSize = '12px';
            afterSpan.style.backgroundColor = '#ec6c1b';
            afterSpan.style.marginRight = '4px';

            let iElement = document.createElement('i');
            iElement.classList.add('el-icon-setting');

            let btnSetting = document.createElement('button');
            btnSetting.title = '设置';
            btnSetting.classList.add('el-button');
            btnSetting.classList.add('el-button--mini');
            btnSetting.classList.add('is-circle');
            btnSetting.addEventListener('click', openSetting);
            btnSetting.appendChild(iElement);

            // let btnSetting = document.createElement('ion-icon');
            // btnSetting.setAttribute('name', 'settings-sharp');
            // btnSetting.classList.add('el-button');
            // btnSetting.classList.add('el-button--mini');
            // btnSetting.classList.add('is-circle');
            // btnSetting.addEventListener('click', openSetting);

            let div = document.createElement('div');
            div.style.position = 'absolute';
            div.appendChild(dmButtonSend);
            div.appendChild(beforeSpan);
            div.appendChild(dmInput);
            div.appendChild(afterSpan);
            div.appendChild(btnSetting);
            divButton.appendChild(div);
            /* ----------------------------------------- function ----------------------------------------- */
        },
        removeElements = () => {
            let loginTips = document.getElementById('switch-login-guide-vm');
            if (loginTips)
                loginTips.style.setProperty('display', 'none', 'important');
            else
                console.warn('=================> DOM id【switch-login-guide-vm】丢失');

            let haruna = document.getElementById('my-dear-haruna-vm');
            if (haruna)
                haruna.style.setProperty('display', 'none', 'important');
            else
                console.warn('=================> DOM id【my-dear-haruna-vm】丢失');
        },
        loadData = () => {
            let obj = getGmValue(roomId, null);
            if (obj) {
                if (source.version === obj.version) {
                    source = obj;
                    setGmValue(roomId, source);
                }
                else if (obj.version === 2) {
                    source.data1 = obj.data1;
                    source.data2 = obj.data2;
                    source.data3 = obj.data3;
                    source.data4 = obj.data4;
                    source.data5 = obj.data5;
                    setGmValue(roomId, source);
                } else {
                    source.data1.values = obj.data1 ? obj.data1 : source.data1.values;
                    source.data2.values = obj.data2 ? obj.data2 : source.data2.values;
                    source.data3.values = obj.data3 ? obj.data3 : source.data3.values;
                    source.data4.values = obj.data4 ? obj.data4 : source.data4.values;
                    source.data5.values = obj.data5 ? obj.data5 : source.data5.values;
                    setGmValue(roomId, source);
                }
            }

            setCheckboxChecked();
            dataText1.value = source.data1.values.join('|');
            dataText2.value = source.data2.values.join('|');
            dataText3.value = source.data3.values.join('|');
            dataText4.value = source.data4.values.join('|');
            dataText5.value = source.data5.values.join('|');
            initData();
        },
        runStart = () => loadData();

    window.setGmNotice = setGmNotice;
    window.setGmGetValue = setGmGetValue;
    window.setGmSetValue = setGmSetValue;
    window.setGmDelValue = setGmDelValue;
    window.runStart = runStart;
    window.arrayInfo = arrayInfo;
    initCss();
    window.addEventListener("load", () => {
        // let js = document.getElementById('version-' + frameworkVersion);
        // if (!js) {
        //     setLoadedFlag(true);
        //     setTimeout(() => {
        //         gmNotice({
        //             text: '当前脚本不是最新版,请更新再使用功能',
        //             title: '油猴脚本有更新,点击进行安装',
        //             image: noticeImageUrl,
        //             highlight: true,
        //             timeout: 120000,
        //             onclick: () => window.open(frameworkUrl, '_blank')
        //         });
        //     }, 1000);
        //     return;
        // }

        waiters[waiters.length] = setInterval(() => {
            let divButton = document.getElementsByClassName('bottom-actions p-relative')[0];
            if (divButton) {
                clearWaiters();
                buildPanel(divButton);
                setLoadedFlag(true);
            } else {
                --waitCount;
                if (0 >= waitCount) {
                    setLoadedFlag(true);
                    clearWaiters();
                    console.error('没能找到发送按钮的所属元素');
                    // debugger;
                    // gmNotice({
                    //     text: '没能找到发送按钮的所属元素,请刷新重试',
                    //     title: '加载错误,点击刷新页面',
                    //     image: noticeImageUrl,
                    //     highlight: true,
                    //     timeout: noticeTimeout,
                    //     onclick: () => location.reload()
                    // });
                }
            }
        }, 1500);

        removeElements();
        signIn();
    });
})();