// ==UserScript==
// @name         ☄️拷贝漫画增强☄️
// @namespace    http://tampermonkey.net/
// @version      4.3
// @description  拷贝漫画去广告🚫，对日漫版漫画页进行增强：并排布局📖、图片高度自适应↕️、辅助翻页↔️、页码显示⏱、侧边目录栏📑、暗夜模式🌙，请设置即时注入模式以避免页面闪烁⚠️
// @author       Byaidu
// @match        *://copymanga.com/*
// @license      GNU General Public License v3.0 or later
// @resource     animate_css https://cdn.jsdelivr.net/npm/animate.css@4.1.1/animate.min.css
// @resource     element_css https://unpkg.com/element-ui@2.15.0/lib/theme-chalk/index.css
// @require      https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js
// @require      https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js
// @require      https://cdn.bootcdn.net/ajax/libs/toastr.js/latest/js/toastr.min.js
// @require      https://cdn.jsdelivr.net/npm/jquery.cookie@1.4.1/jquery.cookie.js
// @require      https://unpkg.com/element-ui@2.15.0/lib/index.js
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @grant        GM_xmlhttpRequest
// @grant        GM_getValue
// @grant        GM_setValue
// @run-at       document-start
// @downloadURL none
// ==/UserScript==
function hiddenCursor(body) {
    // 隐藏鼠标
    originalCursor = body.css('cursor');
    body.css({'cursor': 'none'});
}

function showCursor(body) {
    body.css({'cursor': originalCursor});
}

function msgTips(msg, type) {
    if (type === undefined) type = 'info'
    toastr[type](msg);
}

function checkFullScreen() {
    if (document.fullscreenElement) {
        document.exitFullscreen();
    } else {
        document.documentElement.requestFullscreen();
    }
}

let upLoopIndex = 0;
let downLoopIndex = 0;
let info_app;

function checkDownUp(type, index, func) {
    if (type === 0 && downLoopIndex === index) {
        func();
    } else if (type === 1 && upLoopIndex === index) {
        func();
    }
}

function scoll(type, func, time = 300) {
    var index = 0;
    if (type === 0) {
        index = ++downLoopIndex;
        setTimeout(function () {
            checkDownUp(0, index, func);
        }, time);
    } else if (type === 1) {
        index = ++upLoopIndex;
        setTimeout(function () {
            checkDownUp(1, index, func);
        }, time);
    }
}

function fireKeyEvent(el, evtType, keyCode, ctrlKey = false) {
    let evtObj;
    if (document.createEvent) {
        if (window.KeyEvent) {//firefox 浏览器下模拟事件
            evtObj = document.createEvent('KeyEvents');
            evtObj.initKeyEvent(evtType, true, true, window, true, false, false, false, keyCode, 0);
        } else {//chrome 浏览器下模拟事件
            el.focus();
            evtObj = new KeyboardEvent(evtType, {
                keyCode: keyCode,
                location: 0,
                repeat: false,
                isComposing: false
            });

            if (ctrlKey) {
                if (typeof evtObj.ctrlKey === 'undefined') {//为了模拟ctrl键
                    Object.defineProperty(evtObj, "ctrlKey", {value: true});
                } else {
                    evtObj.ctrlKey = true;
                }
            }
        }
        el.dispatchEvent(evtObj);

    } else if (document.createEventObject) {//IE 浏览器下模拟事件
        evtObj = document.createEventObject();
        evtObj.keyCode = keyCode
        el.fireEvent('on' + evtType, evtObj);
    }
}

let originalCursor = 'auto';
let changeCursorType = true;
let img_id = 0;
let skip_null_img_map = new Map();
let scrollDown = function () {
};
let scrollUp = function () {
};
$(document).ready(function () {
    //设置 toastr 显示配置
    toastr.options = {
        closeButton: false,
        debug: false,
        progressBar: false,
//        positionClass: "toast-top-center",
        onclick: null,
        showDuration: "300",
        hideDuration: "1000",
        timeOut: "5000",
        extendedTimeOut: "1000",
        showEasing: "swing",
        hideEasing: "linear",
        showMethod: "fadeIn",
        hideMethod: "fadeOut"
    };

    let bodyDom = $('body');
    if ($('.comicContent').length > 0) {
        msgTips('检测到漫画内容页', 'info');
        document.onfullscreenchange = function (event) {
            console.log("FULL SCREEN CHANGE")
            if (document.fullscreenElement) {
                GM_setValue('copymanga.com_fullScreenType', true);
            } else {
                GM_setValue('copymanga.com_fullScreenType', false);
            }
        };
        if (GM_getValue('copymanga.com_fullScreenType', false) === true) {
            setTimeout(function () {
                msgTips('记忆全屏状态', 'info');
                document.documentElement.requestFullscreen();
            }, 1500);
        }
        hiddenCursor(bodyDom);
        window.addEventListener("mousemove", function () {
            if (changeCursorType) {
                changeCursorType = false;
                showCursor(bodyDom);
                scoll(1, function () {
                    hiddenCursor(bodyDom);
                    changeCursorType = true;
                }, 500);
            }
        }, true);
    }

});

function flushImageId() {
    let $img = $('.comicContent ul img');
    let count_lm = $($('.comicCount')[0]);
    let count_1 = count_lm.html();
    count_lm.parent().hide();
    let count_2 = $img.length;
    if (count_2 > count_1) {
        count_1 = count_2;
    }
    window.g_max_pic_count = count_1 ? count_1 : count_2;
    info_app.pic_count = count_1 ? count_1 : count_2;
    $.each($img, function (index) {
        this.setAttribute('id', 'img_' + (index + 1));
    });
    $('.comicContent-list').removeClass('comicContent-list');
}

function initStyle() {
    GM_addStyle('.comicContent-list{width:100% !important;}')
    //固定header
    GM_addStyle('.header{position:unset !important;}')
    //去除footer
    GM_addStyle('.footer{display:none !important;}')
    //文字居中
    GM_addStyle('body{text-align:center !important;font-size:12px !important;line-height: normal !important;}')
    //图片居中
    GM_addStyle('ul{padding:0px !important;}')
    //body全屏
    GM_addStyle('body{height:unset !important;}')
    //修改滚动条样式
    GM_addStyle('::-webkit-scrollbar {width: 4px;height: 0px;}')
    GM_addStyle('::-webkit-scrollbar-thumb {background-color: rgb(48,48,48);border-radius: 2px;}')
    //修改element-ui样式
    GM_addStyle('.el-menu{border-right:0px !important;}')
    GM_addStyle('.el-drawer__wrapper{width:20%;}')
    GM_addStyle('.el-drawer{background:transparent !important;}')
    GM_addStyle('.el-drawer__body{background:rgba(0,0,0,.8) !important;overflow-y: auto}')
    //去除图片边框
    GM_addStyle('.comicContent{margin-top:20px;user-select: none;}')
    GM_addStyle('.comicContent img{margin-bottom: 50px !important;width:unset !important;}')
    //漫画双页排布
    GM_addStyle('.page_double .comicContent ul{justify-content:center;flex-direction: row-reverse;display: flex;flex-wrap: wrap;}')
    GM_addStyle('.page_double .comicContent img{height:100vh !important;}')
    GM_addStyle('.comicContent-image-list{width:unset !important;}')
    //引入css
    const animate_css = GM_getResourceText("animate_css");
    const element_css = GM_getResourceText("element_css");
    //const toastr_css = GM_getResourceText("toastr_css");
    const toastr_css = '.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}';
    GM_addStyle(animate_css);
    GM_addStyle(element_css);
    GM_addStyle(toastr_css);
    GM_addStyle(':root{--animate-duration:500ms;}')
    //更改跨页
    GM_addStyle('.skip{display:none !important;}')
    //日间模式
    GM_addStyle("body{background:#edecea !important;}")
    //夜间模式
    GM_addStyle("html{background:transparent !important;}")
    GM_addStyle(".dark_mode body{background:#212121 !important;}")
    //读取cookie
    if ($.cookie('dark_mode') === undefined) {
        $.cookie('dark_mode', true, {expires: 999999, path: '/'});
    }
    if ($.cookie('page_double') === undefined) {
        $.cookie('page_double', true, {expires: 999999, path: '/'});
    }
    if ($.cookie('auto_skip') === undefined) {
        $.cookie('auto_skip', false, {expires: 999999, path: '/'});
    }
}

function getImgId() {
    if (!img_id) {
        img_id=1;
        flushImageId(info_app);
        imageTop(img_id);
    }
    return img_id;
}

function skip(image_id = 0) {
    let skip_null_img_el = $('<img />');
    let skip_null_img_li = $('<li></li>');
    let this_image_id = image_id > 0 ? image_id : getImgId();
    if (img_id % 2 === 0) {
        this_image_id = img_id - 1;
    }
    if (this_image_id <= 0) {
        this_image_id = 1;
    }
    let this_image = $('#img_' + this_image_id);
    let css_object = {
        width: this_image.parent().css('width'),
        height: '100vh',
    };
    let img_id_map_index_key = '';
    while (!img_id_map_index_key) {
        img_id_map_index_key = Math.random().toString(36).slice(-8);
    }
    skip_null_img_el.addClass('nullImagePlaceholder').attr('data-img-id-map-index-key', img_id_map_index_key).css(css_object);
    skip_null_img_li.css(css_object);
    skip_null_img_li.append(skip_null_img_el);
    this_image.parent().before(skip_null_img_li);
    if (!img_id) {
        img_id = 1;
    } else {
        img_id++;
    }
    let skip_null_img = {
        null_img: skip_null_img_el,
        null_img_li: skip_null_img_li,
        this_image: this_image,
        interval: setInterval(function() {
            if(skip_null_img!==null && skip_null_img.this_image.parent().css('width') !== skip_null_img.null_img.css('width')) {
                skip_null_img.null_img.css({
                    width: skip_null_img.this_image.parent().css('width'),
                });
                skip_null_img.null_img_li.css({
                    width: skip_null_img.this_image.parent().css('width'),
                });
            }
        }, 1000)
    };
    skip_null_img_map.set(img_id_map_index_key, skip_null_img);

    flushImageId(info_app);
    imageTop();
}

function skipClean(this_image_clean = false) {
    msgTips('开始清除占位图片', 'info');
    if (this_image_clean) {
        let this_img_id = getImgId();
        let this_img_el = $('#img_'+ this_img_id);
        while (!this_img_el.hasClass('nullImagePlaceholder')){
            this_img_id -= 1;
            if (this_img_id <= 0) {
                msgTips('前面没有占位图片了', 'warning');
                return;
            }
            this_img_el = $('#img_'+ this_img_id);
        }
        let map_key = this_img_el.attr('data-img-id-map-index-key');
        let img_object = skip_null_img_map.get(map_key);
        if (typeof img_object !== 'undefined') {
            clearInterval(img_object.interval);
            img_object.null_img_li.remove();
            img_id--;
        }
        skip_null_img_map.delete(map_key);
        msgTips('清除单张占位图片成功', 'success');
    } else {
        if (skip_null_img_map.size <= 0) {
            msgTips('没有占位图片', 'warning');
            return;
        }
        skip_null_img_map.forEach(function (img_object, key) {
            if (typeof img_object !== 'undefined') {
                clearInterval(img_object.interval);
                img_object.null_img_li.remove();
                img_id--;
            }
            skip_null_img_map.delete(key);
        });
        msgTips('清除全部占位图片成功', 'success');
    }
    flushImageId(info_app);
}

function imageTop(img_id_bak = 0, time=500) {
    if (img_id !== (window.g_max_pic_count + 1)) {
        $("html").stop();
    }
    info_app.img_id = img_id;

    let img_id_key = "#img_" + img_id;
    if ($(img_id_key).offset()) {
        $("html").animate({scrollTop: $(img_id_key).offset().top}, time);
    } else {
        flushImageId(info_app);
        if ($(img_id_key).offset()) {
            $("html").animate({scrollTop: $(img_id_key).offset().top}, time);
        } else {
            if (img_id_bak > 0) {
                img_id = img_id_bak;
                info_app.img_id = img_id_bak;
            }
            return false;
        }
    }
    return true;
}

(function () {
    'use strict';
    //去广告
    GM_addStyle('*[style*="position: relative;"]{display:none !important;}')
    GM_addStyle('.header-jum{display:none !important;}')
    GM_addStyle('.comicContainerAds{display:none !important;}')
    //漫画页检测
    if (location.href.indexOf("chapter") >= 0) {
        initStyle();
        let dark_mode = $.cookie('dark_mode') === 'true';
        let page_double = $.cookie('page_double') === 'true';
        let auto_skip = $.cookie('auto_skip') === 'true';
        //暗夜模式
        if (dark_mode) {
            $('html').addClass('dark_mode');
        } else {
            $('html').removeClass('dark_mode');
        }
        //双页显示
        if (page_double) {
            $('html').addClass('page_double');
        } else {
            $('html').removeClass('page_double');
        }
        let middle = 0;
        let ch_id = 0;
        //延迟加载
        $(function delay() {
            //$('.comicContent-list').removeClass('comicContent-list');
            //计算页数
            if (typeof (g_max_pic_count) == 'undefined') {
                window.el = $('<iframe src="' + $('.list a').attr('href') + '" style="display:none;"></iframe>');
                $('body').append(window.el);
                var count_lm = $($('.comicCount')[0]);
                var count_1 = count_lm.html();
                count_lm.parent().hide();
                window.g_max_pic_count = count_1 ? count_1 : 3;
            }
            setTimeout(function() {
                //自动跨页
                if (auto_skip) {
                    flushImageId();
                    skip(1);
                    msgTips('自动跨页 - 开启', 'info');
                } else {
                    msgTips('自动跨页 - 关闭', 'info');
                }
            }, 1000);
            //去除憨批类
            $('.comicContent-image-all').removeClass('comicContent-image-all');
            $('.container').removeClass('container');
            $('.comicContent-image-1').removeClass('comicContent-image-1');
            $('.comicContent-image-2').removeClass('comicContent-image-2');
            $('.comicContent-image-3').removeClass('comicContent-image-3');
            $('.comic-size-1').removeClass('comic-size-1');
            $('.comic-size-2').removeClass('comic-size-2');
            $('.comic-size-3').removeClass('comic-size-3');
            //添加图片id
            info_app && flushImageId(info_app);
            //预加载图片
            $('.comicContent img').addClass('lazypreload');
            //去除原来的jquery事件
            jQuery = unsafeWindow['jQuery'];
            jQuery("body").off("keydown");
            jQuery(".inner_img a").off("click");
            //上下方向键滚动页面，左右方向键切换章节
            scrollUp = function () {
                let img_id_bak = img_id;
                if (middle == 0 || img_id == g_max_pic_count + 1) {
                    if (img_id >= 1) {
                        if ($("#img_" + img_id).length > 0 && $("#img_" + (img_id - 1)).length > 0 && $("#img_" + img_id).offset().top == $("#img_" + (img_id - 1)).offset().top) {
                            img_id -= 2;
                        } else {
                            img_id -= 1;
                        }
                    }
                }
                middle = 0;
                if (!imageTop(img_id_bak)) {
                    msgTips('这是第一张了', 'warning');
                }
            }
            scrollDown = function () {
                let img_id_bak = img_id;
                if (img_id <= window.g_max_pic_count) {
                    let image_string = "#img_" + img_id;
                    let image_next_string = "#img_" + (img_id + 1);
                    if ($(image_string).length > 0 && $(image_next_string).length > 0 && $(image_string).offset() && $(image_string).offset().top === $(image_next_string).offset().top) {
                        img_id += 2;
                    } else {
                        img_id += 1;
                    }
                }
                middle = 0;
                if (!imageTop(img_id_bak)) {
                    msgTips('这是最后一张了', 'warning');
                }
            }

            function goAhead() {
                msgTips('下一页', 'success');

                let location_new = $('.footer>div:nth-child(4) a').attr("href");
                if (location_new.indexOf("chapter") >= 0) {
                    location.href = location_new;
                } else {
                    msgTips('这是最后一页了', 'error');
                }
            }

            function goBack() {
                msgTips('上一页', 'success');

                let location_new = $('.footer>div:nth-child(2) a').attr("href");
                if (location_new.indexOf("chapter") >= 0) {
                    location.href = location_new;
                }
            }


            $(".comicContent").click(function (event) {
                event.stopPropagation();
                if (document.fullscreenElement) {
                    scrollDown();
                    return;
                }
                if (event.clientY > $(window).height() / 2) {
                    // fireKeyEvent(document.getElementsByTagName('body')[0], 'keydown', 40);
                    scrollDown();
                } else {
                    scrollUp();
                }
                return false;
            });
            $("body").keydown(function (event) {
                if (event.keyCode === 38) {
                    scrollUp();
                } else if (event.keyCode === 40) {
                    scrollDown();
                } else if (event.keyCode === 37) {
                    goBack();
                } else if (event.keyCode === 39) {
                    goAhead();
                } else if (event.keyCode === 13 || event.keyCode === 70) {
                    checkFullScreen();
                } else if (event.keyCode === 67 || event.keyCode === 97 || event.keyCode === 96) {
                    info_app.switch_skip();
                }else if (event.keyCode === 88) {
                    skipClean();
                }else if (event.keyCode === 90) {
                    skipClean(true);
                }
                console.log(event.keyCode);
            });
            document.onmousedown = function (event) {
                // 鼠标键位监听
                if (document.fullscreenElement) {
                    var b_code = event.button;
                    if (b_code == 1 || b_code == 3 || b_code == 4) {
                        if (b_code == 1) {
                            info_app.switch_skip();
                        }

                        if (b_code == 4) {
                            goAhead();
                        }

                        if (b_code == 3) {
                            goBack();
                        }

                        return false;
                    }
                }
            }
            // 拦截右键
            document.oncontextmenu = function (event) {
                if (document.fullscreenElement) {
                    event.preventDefault();
                    scrollUp();
                }
            }
            // 禁用鼠标滚轮
            window.addEventListener('mousewheel', function (event) {
                if (document.fullscreenElement) {
                    scoll(0, function () {
                        msgTips('全屏状态禁用滚动', 'error');
                    });

                    event = event || window.event;
                    if (event.preventDefault) {
                        // Firefox
                        event.preventDefault();
                        event.stopPropagation();
                    } else {
                        // IE
                        event.cancelBubble = true;
                        event.returnValue = false;
                    }
                    return false;
                }
            }, {passive: false});
            //resize事件触发图片和浏览器对齐
            $(window).resize(function () {
                imageTop(img_id, 0);
            })
            window.addEventListener('mousewheel', function () {
                middle = 1;
                setTimeout(function () {
                    for (var i = 0; i < 2; i++) {
                        if ((img_id == g_max_pic_count + 1 && pageYOffset < $("#img_" + g_max_pic_count).offset().top + $("#img_" + g_max_pic_count).height()) ||
                            ($("#img_" + img_id).length > 0 && pageYOffset < $("#img_" + img_id).offset().top))
                            img_id -= 1;
                        if ((img_id == g_max_pic_count && pageYOffset > $("#img_" + g_max_pic_count).offset().top + $("#img_" + g_max_pic_count).height()) ||
                            ($("#img_" + (img_id + 1)).length > 0 && pageYOffset > $("#img_" + (img_id + 1)).offset().top))
                            img_id += 1;
                        info_app.img_id = img_id;
                    }
                }, 100);
            })
            //添加右下角菜单
            let info = `
<div id="info" @mouseover="show=1" @mouseleave="show=0">
<transition name="custom-classes-transition" enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut">
<template v-if="show"><div id="info_page" class="info_item" @click="switch_page" style="cursor:pointer;">{{message_page}}</div></template></transition>
<transition name="custom-classes-transition" enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut">
<template v-if="show"><div id="info_skip" class="info_item" @click="switch_auto_skip" style="cursor:pointer;">{{message_auto_skip}}</div></template></transition>
<template v-if="show"><div id="info_skip" class="info_item" @click="switch_skip" style="cursor:pointer;">{{message_skip}}</div></template></transition>
<transition name="custom-classes-transition" enter-active-class="animate__animated animate__fadeIn" leave-active-class="animate__animated animate__fadeOut">
<template v-if="show"><div id="info_switch" class="info_item" @click="switch_night" style="cursor:pointer;">{{message_switch}}</div></template></transition>
<template><div id="info_count" class="info_item">{{message_count}}</div></template>
</div>`;
            let $info = $(info);
            $("body").append($info);
            let info_style = `
#info {
bottom: 2%;
right: 2%;
padding: 5px 5px;
background: rgba(48,48,48,.7) !important;
position: fixed;
color: rgba(255,255,255,.7);
border-radius: 3px;
}
.info_item{
padding:5px 0px;
width:120px;
}`;
            GM_addStyle(info_style);
            //vue绑定右下角菜单
            info_app = new Vue({
                el: '#info',
                data: {
                    dark: dark_mode,
                    page: page_double,
                    show: 0,
                    img_id: img_id,
                    auto_skip: auto_skip,
                    skip: 0,
                    insert_image_id: '',
                    pic_count: 0,
                },
                computed: {
                    message_switch: function () {
                        return this.dark ? '☀️日间模式' : '🌙夜间模式'
                    },
                    message_page: function () {
                        return this.page ? '1️⃣单页排布' : '2️⃣双页排布'
                    },
                    message_auto_skip: function () {
                        return this.auto_skip ? '☣️关闭自动跨页' : '☣️开启自动跨页';
                    },
                    message_skip: function () {
                        return '📖更改跨页'
                    },
                    message_count: function () {
                        return this.img_id + '/' + this.pic_count
                    }
                },
                methods: {
                    switch_night: function () {
                        this.dark = !this.dark
                        $.cookie('dark_mode', this.dark, {expires: 999999, path: '/'});
                        if (this.dark) {
                            $('html').addClass('dark_mode');
                        } else {
                            $('html').removeClass('dark_mode');
                        }
                    },
                    switch_auto_skip: function () {
                        if (this.auto_skip) {
                            msgTips('关闭☣️自动更改跨页', 'success');
                        } else {
                            msgTips('开启☣️自动更改跨页', 'success');
                        }
                        this.auto_skip = !this.auto_skip;
                        $.cookie('auto_skip', this.auto_skip, {expires: 999999, path: '/'});
                    },
                    switch_skip: function () {
                        skip();
                        msgTips('📖更改跨页', 'success');
                    },
                    switch_page: function () {
                        this.page = !this.page
                        $.cookie('page_double', this.page, {expires: 999999, path: '/'});
                        if (this.page) {
                            $('html').addClass('page_double');
                        } else {
                            $('html').removeClass('page_double');
                        }
                        $("html").animate({scrollTop: $("#img_" + img_id).offset().top}, 0);
                    },
                }
            })
            //添加侧边目录栏
            let sidebar = `
<div id="sidebar" @mouseleave="drawer=false">
<div id="toggle" @mouseover="drawer=true" style="top:0px;left:0px;height:100vh;width:20vw;position: fixed;"></div>
<el-drawer
title="我是标题"
:size="size"
:modal="modal"
:visible="drawer"
:with-header="false"
:direction="direction"
@open="handleOpen">
<el-menu background-color="transparent"
text-color="#fff"
active-text-color="#ffd04b"
@select="handleSelect">
<template v-for="(item, index) in items">
<el-menu-item v-bind:index="index">{{item.title}}</el-menu-item>
</template>
</el-menu>
</el-drawer>
</div>`
            let $sidebar = $(sidebar);
            $("body").append($sidebar);
            //vue绑定侧边目录栏
            var sidebar_app = new Vue({
                el: '#sidebar',
                data: {
                    drawer: false,
                    size: '100%',
                    modal: false,
                    direction: 'ltr',
                    items: [],
                },
                methods: {
                    handleSelect(key) {
                        location.href = this.items[key].href;
                    },
                    handleOpen() {
                        setTimeout(function () {
                            if ($('.el-menu>li:nth-child(' + (ch_id - 1) + ')').offset()) {
                                $('.el-drawer__body').animate({scrollTop: 0}, 0);
                                $('.el-drawer__body').animate({scrollTop: $('.el-menu>li:nth-child(' + (ch_id - 1) + ')').offset().top - $('.el-drawer__body').offset().top}, 0);
                            }
                        }, 0)
                    },
                }
            })

            //加载目录
            function menu() {
                let $border = $('#default全部 ul:first-child a', el.contents());
                if ($border.length == 0) {
                    setTimeout(menu, 100);
                    return;
                }
                $.each($border, function (index) {
                    if (location.href.indexOf(this.href) >= 0) {
                        ch_id = index;
                        GM_addStyle('.el-menu>li:nth-child(' + (ch_id + 1) + '){background:rgba(255,165,0,.5) !important}')
                    }
                    sidebar_app.items.push({
                        title: this.text,
                        href: this.href,
                    })
                })
            }

            menu();
        })
    }
})();