manga增强

2025/1/14 11:52:47
目前为 2025-01-17 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name       manga增强
// @namespace   Violentmonkey Scripts
// @match       https://www.mangabz.com/*
// @grant       none
// @license MIT
// @grant  document-start
// @grant GM_addStyle
// @grant        GM_xmlhttpRequest
// @version     1.0
// @author      伟大的chatgpt、bing
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js
// @require     https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js
// @require       https://cdnjs.cloudflare.com/ajax/libs/jszip/3.6.0/jszip.min.js
// @description 2025/1/14 11:52:47
// ==/UserScript==
GM_addStyle('.detail-info-stars{display:none!important}')
if(location.href.match(/m(\d+)\/$/))
  {

 //滚动条
GM_addStyle('::-webkit-scrollbar {display:none!important')
//第一页
 GM_addStyle('#cp_image{display:none !important}')
document.querySelector("body > div:nth-child(3) > div").style.display='none'
    //修改底部末尾
var rong_qi=document.createElement('div')
rong_qi.className ='rongqi'
var leftblock=document.createElement('div')
leftblock.className='leftblock'
    leftblock.textContent='⬅上一章'
leftblock.addEventListener('click',function(){

 document.querySelector("body > div:nth-child(3) > div > a:nth-child(1)").click()
})


var rightblock=document.createElement('div')
rightblock.className='rightblock'
    rightblock.textContent='下一章➡'
rightblock.addEventListener('click',function(){
  console.log('您点击了下一章')
  docu
  document.querySelector("body > div:nth-child(3) > div:nth-child(1) > a:nth-child(4)").click()
})
    rong_qi.appendChild(leftblock)
    rong_qi.appendChild(rightblock)
    document.querySelector("body > div:nth-child(3)").appendChild(rong_qi)
    GM_addStyle(`
.container{
  width:100%;
}
.rongqi{
      display:flex;

      background-color:#272727;
      font-size: 30px;

      height:50px}
.leftblock{  align-items: center;
  width:50%;
text-align: center;
color:white}
.rightblock{width:50%;
    align-items: center;
text-align: center;
color:white;}
.leftblock:hover{
  background-color:black;
}
.rightblock:hover{
  background-color:black;
}
`)
//移除事件监听器
//移除topbar
//全局变量
let info_app
let chapter_index=''
let img_id
let imgs

var observer=new MutationObserver(function(){
  var top_title=document.querySelector('.top-bar')
  if(top_title){
     top_title.style.display='none'
  document.body.style.paddingTop='0'
  }
  setTimeout(function(){
    observer.disconnect()
  },1000)
})
observer.observe(document.body,{childList:true})
//黑边移除
GM_addStyle('#cp_img>img{margin:auto !important}')
//目录
 var side_bar=document.createElement('div')
 side_bar.setAttribute('class','side_bar')
side_bar.setAttribute('style','width:200px;position:fixed;height:100%;background-color:rgba(72, 72, 72, 0.6);top:0;left:0;opacity:0;overflow-y: scroll')
side_bar.style.setProperty('overflow', 'auto');
    side_bar.style.setProperty('scrollbar-width', 'none');
    side_bar.style.setProperty('-ms-overflow-style', 'none');
var title=document.createElement('h1')
title.textContent='目 录'
title.addEventListener('click',function(){
  window.location.href='https://www.mangabz.com/'+document.querySelector('.top-title a').getAttribute('href')
})
title.setAttribute('style','text-align:center;color:white;padding:10px;cursor:pointer;top:0')
side_bar.appendChild(title)

document.body.appendChild(side_bar)
 document.querySelector('.side_bar').style.opacity='0'
side_bar.addEventListener('mouseleave',function(){
document.querySelector('.side_bar').style.opacity='0'
})
side_bar.addEventListener('mouseenter',function(){
document.querySelector('.side_bar').style.opacity='1'

var gks=document.querySelector('.made_ul')
if(gks){
gks.children[chapter_index].scrollIntoView({ behavior: 'smooth', block: 'center' });
}
})
var top_title_href=document.querySelector('.top-title a')
var top_title_href_text=top_title_href.getAttribute('href')
var mulu_url='https://www.mangabz.com/'+top_title_href_text
//目录
let mulu_list=[]
fetch(mulu_url).then(response=>{
  return response.text()
}).then(html=>{
  console.log('我执行了')
  var parse=new DOMParser()
  var doc=parse.parseFromString(html,'text/html')
  var mulu=doc.querySelector('.detail-list-form-con')

var ul=document.createElement('ul')
ul.setAttribute('class','made_ul')
ul.setAttribute('style','padding:5px;text-align:center;margin:0')

var items=Array.from(mulu.querySelectorAll('.detail-list-form-item')) .reverse()
items.forEach(item=>{

  var li=document.createElement('li')
 li.setAttribute('style', 'opacity:0.8;width:200px;height:60px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;');

  var a=document.createElement('a')
  a.setAttribute('style','color:white;padding:10px;opacity:1，width:100%;cursor:pointer;')
  a.href=item.getAttribute('href')
  a.textContent=item.textContent.trim()
  mulu_list.push(item.textContent.trim())
  li.appendChild(a)
  ul.appendChild(li)
})
side_bar.appendChild(ul)
 var new_mulu=mulu_list.map(item=>{

  var part=item.split(/\s+/);
  return part[0]

})
var now_chapter=document.querySelector('.top-title').textContent.trim()
chapter_index=mulu_list.findIndex(item=>item.includes(now_chapter))

  ul.children[chapter_index].scrollIntoView({ behavior: 'smooth', block: 'center' });
var mulu_li=document.querySelectorAll('.made_ul li')
end_li=mulu_li[chapter_index]
end_li.setAttribute('style','background-color: #FE9900; height:60px;color: white; width:200px !important; display:flex; align-items:center; justify-content:center; ')
}).
catch(error=>{
  console.log('警告，出现错误：'+error)
})
 GM_addStyle(`.side_bar li:hover { background-color: #FE9900; height:60px;color: white; width:200px !important; display:flex; align-items:center; justify-content:center; }`);
//瀑布流式观看漫画从上导线唉
//
//
// https://www.mangabz.com/m197700-p2/chapterimage.ashx?cid=197700&page=2&key=&_cid=197700&_mid=236&_sign=

  let all_page = document.querySelector('.bottom-page2').textContent.match(/(\d+)$/)[1]
let manga_list=[]
let end_url_list=[]
let now_img_length
var fragement=document.createDocumentFragment()
var container=document.querySelector('#cp_img')
async function get_manga_list(){
  for (var i=1;i<=all_page;i++){
var one =location.href
var two=location.href.match(/\/m(\d+)/)[1]
var three=document.querySelector('.top-title a').getAttribute('href').match(/(\d+)/)[1]
var end_url=`${one}chapterimage.ashx?cid=${two}&page=${i}&key=&_cid=${two}&_mid=${three}&_sign=`

 var response=await fetch(end_url)
 var data=await response.text()
 eval(data)

  var d=dm5imagefun()
   var img=document.createElement('img')
   img.setAttribute('class','i_made')
  img.src=d[0]
    end_url_list.push(d[0])
   img.loading = "lazy"
  fragement.appendChild(img)
 container.appendChild(fragement)
    now_img_length=i
    var imgs = document.querySelectorAll('.i_made');
var  last_img = imgs[imgs.length - 1];
  ID(imgs,last_img)

    if(i===all_page){
      console.log('图片加载完成')

    }

}
  container.scrollTop = 0;
var imgs = document.querySelectorAll('.i_made');
var  last_img = imgs[imgs.length - 1];
  setInterval(function(){ID(imgs,last_img)},500)

}
get_manga_list()
    //获取当前页码
function ID(imgs,last_img) {

    imgs.forEach(function (img, i) {

        // 判断鼠标位置是否在当前图片区域内
        if (window.pageYOffset > img.offsetTop - 5 && window.pageYOffset < img.offsetTop + img.offsetHeight) {
            info_app.img_id = i + 1;
            console.log(info_app.img_id);
            if (window.pageYOffset > last_img.offsetTop + last_img.offsetHeight - 5) {
                info_app.img_id = imgs.length;
            }
        }
    });
}
//左右键切换章节
  document.addEventListener('keydown', function(event) {
        if (event.key === 'ArrowLeft') {
            event.preventDefault();
            document.querySelector("body > div:nth-child(3) > div > a:nth-child(2)").click()
        }
        if (event.key === 'ArrowRight') {
          document.querySelector("body > div:nth-child(3) > div > a:nth-child(5)").click()
        }
    });
    //右键全屏
    var now_full=true
    document.addEventListener("contextmenu", function(event) {
    if (now_full) {
            info_app.full=false
            document.documentElement.requestFullscreen();
            now_full = false;
    } else {
            info_app.full=true
            event.preventDefault();
            document.exitFullscreen();
            now_full = true;
    }
});

//创建一个vue
   let info = document.createElement('div')
   info.innerHTML=
       `
       <div class="progress-bar">
        <div class="progress-bar-fill"></div>
    </div>
    <div id="info_app" @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_rtml" class="info_item"  v-highlight-scale style="cursor:pointer;">
            <div class='submenu'>
                    <div class='submenu_item' @click="download_zip" >下载zip</div>
                    <div class='submenu_item' @click="download_pdf">下载pdf</div>
                </div>
        {{message_do}}
        </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_rtml" class="info_item" @click="switch_full" v-highlight-scale style="cursor:pointer;">{{message_full}}</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_rtml" class="info_item" @click="switch_sy" v-highlight-scale style="cursor:pointer;">{{message_sy}}</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_rtml" class="info_item" @click="switch_mulu" v-highlight-scale style="cursor:pointer;">{{message_mulu}}</div></template>
    </transition>
    <template><div id="info_count" class="info_item">{{message_count}}</div></template>
</div>`;
document.body.appendChild(info)

// 定义样式，增加图片之间的间距
let info_style = `
#info_app {
    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;
    z-index: 99999;
}
.info_item {
text-align: center;
    padding: 5px 0px;
    width: 120px;
    cursor: pointer;
}

.submenu {
    display: none;


}

.info_item:hover .submenu {
    display: block;
}

.submenu_item {
    padding: 5px 0px;

}
 .progress-bar {
            position: fixed;
            top: 10px;
            right: 10px;
            width: 200px;
            height: 20px;
            border: 1px solid #ccc;
            background-color: #f3f3f3;
            display:none;
        }
 .progress-bar-fill {
            width: 0;
            height: 100%;
            background-color: #4caf50;

        }


`;



GM_addStyle(info_style)
    Vue.directive('highlight-scale',{
        bind(el,binding,vnode){
            el.addEventListener('mouseover',function(){
                this.style.transform="scale(1.25)";
                this.style.textShadow = "0 0 10px #E2EAF4"; })
            el.addEventListener('mouseleave',function(){
                this.style.transform="scale(1.0)";
                this.style.textShadow="none"
            })
        }})
var img_number
info_app=new Vue({
  el:'#info_app',
  data:{
    img_id:1,
    img_number:all_page,
    show:0,
    full:1,
  },
  computed:{
    message_do:function(){
      return '☕下载本话'
    },
    message_count:function(){
      return this.img_id+'/'+all_page
    },
    message_full:function(){
     return this.full ? '😋进入全屏' : '🥰退出全屏'
    },
    message_mulu:function(){
      return "📑返回目录";
    },
 message_sy:function(){
      return "📖返回首页";
    }
  },
  methods:{
    download_pdf:function(){
      if(!now_img_length==all_page){

        alert(' ❗❗ 图片还没有完全获取，当前获取了'+`${now_img_length}`+'张图片，共有'+all_page+'张图片🥰,最好滑动到底部哦')
        return

  }

  async function  download_pdf(){
      document.querySelector('.progress-bar').style.display = 'block';
    var fill=document.querySelector('.progress-bar-fill');
    var  end = '';

        const { jsPDF } = window.jspdf;

           var imgs = end_url_list

           var download_name=document.title.split('_')[0] + '--' + document.title.split('_')[1];


            let doc = new jsPDF('p', 'mm');

            for (let index = 0; index < imgs.length; index++) {

                    let img = imgs[index];

                    let imgData = await loadImage(img);

                  var one = img.split('/').pop();
                  var two = one.split('?')[0];
                  var end = two.split('.').pop();

                    if (end === 'JPG') {
                        end = 'JPEG';
                    }

                    let imgElement = new Image();
                    imgElement.src = imgData;
                    await new Promise(resolve => {

                        imgElement.onload = resolve;
                    });

                    var imgWidth = imgElement.width;
                    var imgHeight = imgElement.height;


                    let pageOrientation = imgWidth > imgHeight ? 'l' : 'p';

                    if (index === 0) {
                        doc = new jsPDF(pageOrientation, 'mm', [imgWidth * 0.264583, imgHeight * 0.264583]);
                    } else {
                        doc.addPage([imgWidth * 0.264583, imgHeight * 0.264583], pageOrientation);
                    }

                    doc.addImage(imgData, end, 0, 0, imgWidth * 0.264583, imgHeight * 0.264583);
                    var progress=((index+1)/imgs.length)*100
                   fill.style.width=progress+'%'

                    if (index === imgs.length - 1) {
                        doc.save(download_name+'.pdf');
                        document.querySelector('.progress-bar').style.display = 'none';
                    }


            }



    function loadImage(url) {
        return new Promise((resolve, reject) => {
            GM_xmlhttpRequest({
                method: 'GET',
                url: url,
                responseType: 'blob',
               headers: {
      'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',  // 模拟浏览器 User-Agent
      'Referer': 'https://image.mangabz.com/'
    },
                onload: function(response) {
                    var reader = new FileReader();
                    reader.onloadend = function() {
                        resolve(reader.result);
                    };
                    reader.onerror = reject;
                    reader.readAsDataURL(response.response);
                },
                onerror: function(error) {
                    reject('请求图片失败: ' + error);
                }
            });
        });
    }
}
download_pdf()
    },
    download_zip: function() {
  if (now_img_length!= all_page) {
    alert(' ❗❗ 图片还没有完全获取，当前获取了'+`${now_img_length}`+'张图片，共有'+all_page+'张图片🥰,最好滑动到底部哦')
    return;
  }

            document.querySelector('.progress-bar').style.display = 'block';
    var fill=document.querySelector('.progress-bar-fill');
  var zip = new JSZip();
  Promise.all(end_url_list.map((url, index) => {
    return new Promise((resolve, reject) => {
      GM_xmlhttpRequest({
        method: 'GET',
        url: url,
        responseType: 'blob',
         headers: {
      'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36',  // 模拟浏览器 User-Agent
      'Referer': 'https://image.mangabz.com/'  // 模拟 Referer
    },
        onload: function(response) {

          var one = url.split('/').pop();
          var two = one.split('?')[0];
          var end = two.split('.').pop();
          var img_name = `${index + 1}.${end}`;
          console.log(img_name);
          zip.file(img_name, response.response,{ binary: true });
             var progress=((index+1)/all_page)*100
                   fill.style.width=progress+'%'
          resolve();
        },
        onerror: function(error) {
          reject(error);
        }
      });
    });
  })).then(() => {
    zip.generateAsync({ type: 'blob' }).then((content) => {
      var a = document.createElement('a');
      a.href = URL.createObjectURL(content);
      var name = document.title.split('_')[0] + '--' + document.title.split('_')[1];
      a.download = name + '.zip';
      a.click();
       document.querySelector('.progress-bar').style.display = 'none';
    });
  }).catch(error => {
    console.error('下载图片或生成 ZIP 文件时出错:', error);
  });
},

    switch_mulu:function(){
      window.location.href = 'https://www.mangabz.com/' + document.querySelector('.top-title a').getAttribute('href');
    },
    switch_sy:function(){
      window.location.href='https://www.mangabz.com/'
    },
    switch_full:function(){
      this.full=!this.full
      if(!this.full){
         document.documentElement.requestFullscreen();
      }
      else{
           document.exitFullscreen();
      }

    }
    ,

  }

})

  }