动漫之家去广告🚫，对日漫版漫画页进行增强：并排布局📖、图片高度自适应↕️、辅助翻页↔️、页码显示⏱、侧边目录栏📑、暗夜模式🌙，请设置即时注入模式以避免页面闪烁⚠️
目前为
// ==UserScript== // @name ☄️动漫之家增强☄️ // @namespace http://tampermonkey.net/ // @version 3.4 // @description 动漫之家去广告🚫，对日漫版漫画页进行增强：并排布局📖、图片高度自适应↕️、辅助翻页↔️、页码显示⏱、侧边目录栏📑、暗夜模式🌙，请设置即时注入模式以避免页面闪烁⚠️ // @author Byaidu // @match *://*.dmzj.com/* // @license GPL License // @resource animate_css https://cdn.jsdelivr.net/npm/[email protected]/animate.min.css // @resource element_css https://unpkg.com/[email protected]/lib/theme-chalk/index.css // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js // @require https://cdn.jsdelivr.net/npm/[email protected]/jquery.cookie.js // @require https://unpkg.com/[email protected]/lib/index.js // @grant GM_addStyle // @grant GM_getResourceText // @grant GM_xmlhttpRequest // @run-at document-start // ==/UserScript== (function() { 'use strict'; //去广告 GM_addStyle('*[style*="2147"]{display:none !important;}') GM_addStyle('*[style*="hidden;border"]{display:none !important;}') GM_addStyle('*[style*="width:960px;height:180px"]{display:none !important;}') GM_addStyle('.ad_bottom_code{display:none !important;}') GM_addStyle('.ad{display:none !important;}') GM_addStyle('#app_manhua{display:none !important;}') //去二维码 GM_addStyle('.footer{display:none !important;}') GM_addStyle('.foot{display:none !important;}') GM_addStyle('.float_code{display:none !important;}') //漫画页检测 if(location.href.indexOf("shtml")>=0){ //切换到上下滚动阅读 if($.cookie('display_mode')==0){ $.cookie('display_mode',1,{expires:999999,path:'/'}); location.reload(); } //修改滚动条样式 GM_addStyle('::-webkit-scrollbar {width: 4px;}') 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('#center_box{justify-content:center;flex-direction: row-reverse;display: flex;flex-wrap: wrap;}') //漫画高度自适应 GM_addStyle('#center_box img{height:100vh !important;border:0px !important;padding:0px !important;}') //漫画上下间隔缩小 GM_addStyle('.inner_img{margin-top:20px !important;user-select: none;}') //修改配色方案 GM_addStyle('.r1{color:#4d4d4d !important;}') GM_addStyle('.hotrm_about{color:#4d4d4d !important;}') GM_addStyle('*[style*="display:inline;float:left"]{color:#4d4d4d !important;}') GM_addStyle('*[style*="display:inline;float:right"]{display:none !important;}') //去除图片点击样式 GM_addStyle('.inner_img a{cursor:auto !important;}') //引入css const animate_css = GM_getResourceText("animate_css"); const element_css = GM_getResourceText("element_css"); GM_addStyle(animate_css); GM_addStyle(element_css); GM_addStyle(':root{--animate-duration:500ms;}') //隐藏顶栏 GM_addStyle(".hide_head .header-box,.hide_head .funcdiv{display:none !important;}") //更改跨页 GM_addStyle('.skip{display:none !important;}') //读取cookie GM_addStyle(".dark_mode .mainNav,.dark_mode .header-box,.dark_mode .display_graybg,.dark_mode body{background:#212121 !important;}") if ($.cookie('dark_mode') === undefined) { $.cookie('dark_mode',true,{expires:999999,path:'/'}); } if ($.cookie('hide_head') === undefined) { $.cookie('hide_head',false,{expires:999999,path:'/'}); } var dark_mode = $.cookie('dark_mode')=='true'; var hide_head = $.cookie('hide_head')=='true'; //暗夜模式 if (dark_mode){ $('html').addClass('dark_mode'); }else{ $('html').removeClass('dark_mode'); } //隐藏顶栏 if (hide_head){ $('html').addClass('hide_head'); }else{ $('html').removeClass('hide_head'); } //延迟加载 $(function delay(){ let img_id=0; let middle=0; let ch_id=0; //兼容动漫之家助手 if (typeof(g_max_pic_count)=='undefined'){ setTimeout(function(){ window.g_max_pic_count=$('.inner_img').length; delay(); },1000) return; } //上下方向键滚动页面，左右方向键切换章节 function scrollUp(){ 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; info_app.img_id=img_id; if (img_id!=0) $("html").stop() $("html").animate({scrollTop: $("#img_"+img_id).offset().top}, 500); } function scrollDown(){ if (img_id<=g_max_pic_count){ 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; info_app.img_id=img_id; if (img_id!=g_max_pic_count+1) $("html").stop() $("html").animate({scrollTop: $("#img_"+img_id).offset().top}, 500); } $("#center_box").click(function(event){ if (event.clientY>$(window).height()/2){ scrollDown(); }else{ scrollUp(); } }) $("body").keydown(function(event) { if (event.keyCode == 38) { scrollUp(); } else if (event.keyCode == 40) { scrollDown(); } else if (event.keyCode == 37) { let location_new = $("#prev_chapter").attr("href"); if(location_new.indexOf("shtml")>=0) location.href = location_new; } else if (event.keyCode == 39) { let location_new = $("#next_chapter").attr("href"); if(location_new.indexOf("shtml")>=0) location.href = location_new; } }) //resize事件触发图片和浏览器对齐 $(window).resize(function() { $("html").animate({scrollTop: $("#img_"+img_id).offset().top}, 0); }) //去除原来的keydown事件 //https://stackoverflow.com/questions/5436874/how-do-i-unbind-jquery-event-handlers-in-greasemonkey window.addEventListener('load', function (){ jQuery = unsafeWindow['jQuery']; jQuery("body").off("keydown"); jQuery(".inner_img a").off("click"); }) 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_head" class="info_item" @click="switch_head" style="cursor:pointer;">{{message_head}}</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_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绑定右下角菜单 var info_app = new Vue({ el: '#info', data: { dark:dark_mode, show:0, img_id:0, skip:0, head:hide_head }, computed: { message_switch: function () { return this.dark?'☀️日间模式':'🌙夜间模式' }, message_head: function () { return this.head?'📂显示顶栏':'📁隐藏顶栏' }, message_skip: function () { return '📖更改跨页' }, message_count: function () { return this.img_id+'/'+g_max_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_skip: function(){ this.skip=!this.skip if (this.skip){ $("#center_box>div:first-child").addClass('skip'); }else{ $("#center_box>div:first-child").removeClass('skip'); } }, switch_head: function(){ this.head=!this.head $.cookie('hide_head',this.head,{expires:999999,path:'/'}); if (this.head){ $('html').addClass('hide_head'); }else{ $('html').removeClass('hide_head'); } }, } }) //加载目录 GM_xmlhttpRequest({ method: "GET", headers: {"User-Agent": navigator.userAgent}, url: $('.btn2').attr('href'), onload: (res) => { let response = res.response var el = $( '<div></div>' ); el.html(response); let $border=$('.cartoon_online_border a', el); $.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.title, href:this.href, }) }) } }) //添加侧边目录栏 let sidebar=` <div id="sidebar" @mouseleave="drawer=false"> <div id="toggle" @mouseover="drawer=true" style="top:0px;left:0px;height:100vh;width:10vw;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(){ $('.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) }, } }) }) } })();