Manga Loader

Load all manga in current page, only available on 178.com and dm5.com
当前为 2016-01-09 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name          Manga Loader
// @description   Load all manga in current page, only available on 178.com and dm5.com
// @author        Chris (http://chrisyip.im)
// @include       http://*.178.com/*
// @include       http://*.dm5.com/*
// @include       http://*.dmzj.com/*
// @include       http://www.manhua8.com/manhua/*
// @include       http://www.manhua8.net/manhua/*
// @include       http://www.manhua1.com/manhua/*
// @include       http://www.manhua2.com/manhua/*
// @include       http://www.073.cc/mmm/*
// @include       http://www.476.cc/anime/*
// @include       http://www.tuku.cc/comic/*
// @version       1.3.21
// @namespace https://greasyfork.org/users/8856
// ==/UserScript==
 
/* global $ */
 
(function (window) {
  'use strict'
 
  var style, script, init, resize
 
  var MutationObserver = window.MutationObserver || window.WebKitMutationObserver
 
  resize = function () {
    document.body.style.width = getComputedStyle(document.querySelector('html')).width
  }
 
  init = function () {
    'use strict'
 
    let load_dm5, load_178, load_manhua8, load_073, selector, callback
    let SetBookmarker = window.SetBookmarker
    let ajaxloadimage = window.ajaxloadimage
    let nextChapterMsgBox = window.nextChapterMsgBox
 
    load_dm5 = function () {
      if (!/^\/m\d+/.test(location.pathname)) {
        return
      }
 
      var reNotAllowedImage = /\d+_\d{5,}/
 
      var next_chapter_box = document.createElement('div')
      next_chapter_box.id = 'next_chapter_box'
      next_chapter_box.style.display = 'none'
      next_chapter_box.innerHTML = '<a class="close">X</a><p>已经是最后一页。<a class="add-bookmark">加入书签</a>。</p>'
      next_chapter_box.addEventListener('click', function (e) {
        if (e.target.className.includes('add-bookmark')) {
          this.style.display = 'none'
          SetBookmarker(window.DM5_CID, window.DM5_MID, window.DM5_IMAGE_COUNT, window.DM5_USERID)
        }
        if (e.target.className.includes('close')) {
          this.style.display = 'none'
        }
      }, false)
 
      function showEnd () {
        if (!next_chapter_box.hasAttribute('data-show')) {
          $.ajax({
            url: window.DM5_CURL_END,
            dataType: 'html',
            success: function (data) {
              var link = $(data).find('.finalPage a[href*="addbookmarker"]')
                          .siblings().find('[alt="继续阅读下一章"]').parent().get(0)
              var s = link ? '继续观看：' + link.outerHTML : '这已经是最新章节。'
              next_chapter_box.innerHTML += s
              document.body.appendChild(next_chapter_box)
              next_chapter_box.style.display = 'block'
              var rect = next_chapter_box.getBoundingClientRect()
              next_chapter_box.style.marginTop = '-' + rect.height / 2 + 'px'
              next_chapter_box.style.marginLeft = '-' + rect.width / 2 + 'px'
              next_chapter_box.setAttribute('data-show', true)
            },
            error: function () {
              location.href = window.DM5_CURL_END
            }
          })
        } else {
          return next_chapter_box.style.display === 'none' && (next_chapter_box.style.display = 'block')
        }
      }
 
      function initDM5 () {
        var container = document.createElement('div')
        container.classList.add('ml-image-container')
 
        container.addEventListener('click', function (e) {
          var node = e.target
 
          if (node.tagName !== 'IMG') {
            return
          }
 
          if (node.nextElementSibling) {
            var path = location.pathname.match(/^(\/m\d+)/)[1] + '-p' + (Math.floor(node.getAttribute('data-index')) + 1)
            location.href = path
          } else {
            showEnd()
          }
        }, false)
 
        var originalContainer = document.querySelector(selector)
        originalContainer.style.display = 'none'
 
        var cpImg = originalContainer.querySelectorAll('[id*=cp_image]')
 
        originalContainer.parentElement.insertBefore(container, originalContainer)
 
        let pager = document.getElementById('search_fy')
        let pages = pager.children
 
        let currentPage = pager.querySelector('.current')
 
        currentPage = currentPage ? Math.floor(currentPage.textContent) : 1
 
        let lastPage = -1
 
        if (pages.length) {
          lastPage = Math.floor(pages[pages.length - 1].textContent)
        }
 
        var observer = new MutationObserver(function (mutationRecord) {
          mutationRecord.forEach(function (mutation) {
            if (mutation.type === 'childList' && mutation.addedNodes.length > 0) {
              var addedNodes = [].filter.call(mutation.addedNodes, function (node) {
                return /cp_image/.test(node.id)
              })
 
              if (addedNodes.length > 0) {
                loadImage(addedNodes)
              }
            }
          })
        })
 
        function loadImage (nodes) {
          setTimeout(function () {
            if (currentPage > lastPage) {
              container.appendChild(nodes[0].cloneNode())
              return observer.disconnect()
            }
 
            var node
 
            if (nodes.length > 1) {
              node = [].filter.call(nodes, function (node) {
                return !reNotAllowedImage.test(node.src) && node.style.display !== 'none'
              })
            } else {
              node = nodes[0]
            }
 
            var img = document.createElement('img')
            img.setAttribute('data-index', currentPage)
            img.src = node.src
            container.appendChild(img)
 
            if (currentPage < lastPage) {
              window.DM5_PAGE = ++currentPage
              ajaxloadimage(originalContainer, false)
            }
          }, 200)
        }
 
        if (cpImg.length > 0) {
          loadImage(cpImg)
        }
 
        observer.observe(originalContainer, {
          attributes: true,
          childList: true
        })
      }
 
      function waiting () {
        setTimeout(function () {
          return document.querySelector(selector) ? initDM5() : waiting()
        }, 200)
      }
 
      waiting()
    }
    // end load_dm5
 
    load_178 = function () {
      var img = document.querySelector(selector)
 
      if (!img) {
        return
      }
 
      var parent = img.parentElement,
        currentPage = parseInt(document.querySelector('#jump_select2').value, 10),
        url_taste = /(.*\/\d+)(?:-\d+)?(\..*)/i.exec(location.href),
        url = {
          prefix: url_taste[1] + '-',
          format: url_taste[2]
        },
        callback = function () {
          var page = parseInt(this.getAttribute('data-index'), 10)
          if (page < window.COMIC_PAGE.page_count) {
            window.location.href = url.prefix + (page + 1) + url.format
            return
          }
 
          if ($('#next_chapter').size() > 0) {
            nextChapterMsgBox()
          } else {
            if (window.final_page_url) {
              window.location.href = window.final_page_url
              return
            }
            window.alert('你已经浏览完所有内容。')
            window.location.href = 'http://manhua.178.com'
          }
        }
 
      for (var i = currentPage, len = window.arr_pages.length, el; i < len; i++) {
        el = document.createElement('img')
        el.src = window.img_prefix + window.arr_pages[i]
        el.setAttribute('data-index', i + 1)
        el.addEventListener('mouseup', callback, false)
        parent.appendChild(el)
      }
    }
 
    load_manhua8 = function () {
      var img = document.querySelector(selector)
 
      if (!img) {
        return
      }
 
      var parent = img.parentElement,
        pager = document.querySelector('#topSelect'),
        total_page = pager.querySelector('option:last-child').value,
        current_page = parseInt(pager.value, 10),
        url_taste = /(.+?)(\d+)(\.[a-z]{3,4})$/i.exec(img.src),
        url = {
          prefix: url_taste[1],
          page_num_length: url_taste[2].length,
          format: url_taste[3]
        },
        formatURL = function (index) {
          index = String(index)
          var len = url.page_num_length - index.length
          while (len) {
            index = '0' + index
            len--
          }
          return url.prefix + index + url.format
        }
 
      while (++current_page <= total_page) {
        let el = document.createElement('img')
        el.classList.add('ImgComic')
        el.src = formatURL(current_page)
        el.setAttribute('data-index', current_page)
        parent.appendChild(el)
      }
    }
 
    load_073 = function () {
      $(function () {
        window.loadAllimg()
      })
    }
 
    function load_tuku () {
      function format_number (n, digit) {
        var s = String(n)
 
        for (var i = 0; i < digit; i++) {
          if (s.length < digit) {
            s = '0' + s
          }
        }
 
        return s
      }
 
      var imageContainer = document.querySelector('#imageShow')
 
      var container = document.createElement('div')
      container.classList.add('ml-image-container')
      imageContainer.parentElement.insertBefore(container, imageContainer)
 
      var pager = document.querySelector('select[name=select_page1]')
      var currentPage = pager.selectedIndex + 1
      var lastPage = pager.querySelectorAll('option').length
 
      let observer
 
      function run (node) {
        imageContainer.style.display = 'none'
 
        var img = node.querySelector('img')
        var clone = img.cloneNode()
        clone.removeAttribute('id')
        clone.removeAttribute('border')
        container.appendChild(clone)
 
        var url = clone.src
        var digit = url.slice(url.lastIndexOf('/') + 1)
 
        url = url.slice(0, url.lastIndexOf('/') + 1)
        digit = digit.slice(0, digit.lastIndexOf('.')).length
 
        while (currentPage++ < lastPage) {
          (function (index) {
            var clone = document.createElement('img')
            clone.src = url + format_number(index, digit) + '.jpg'
            clone.setAttribute('data-prefix', url + format_number(index, digit))
            clone.onerror = function () {
              this.src = clone.getAttribute('data-prefix') + '.png'
            }
            container.appendChild(clone)
          })(currentPage)
        }
        observer.disconnect()
      }
 
      observer = new MutationObserver(function (records) {
        records.forEach(function (mutation) {
          var node = mutation.addedNodes[0]
 
          if (!node || node.id !== 'comicNextA') {
            return
          }
 
          run(node)
        })
      })
      observer.observe(imageContainer, {
        attributes: true,
        childList: true
      })
 
      var targetButton = document.querySelector('.readPageBox .pages a')
      var button = document.createElement('button')
      button.classList.add('btn')
      button.type = 'button'
      button.textContent = 'Load Manga'
      button.addEventListener('click', function () {
        var elem = document.querySelector('#comicNextA')
        if (elem) {
          run(elem)
        }
      }, false)
      targetButton.parentElement.insertBefore(button, targetButton)
    }
 
    if (/dmzj\.com|178\.com/.test(location.host)) {
      selector = 'img[id*=bigimg]'
      callback = load_178
    } else if (location.host.includes('dm5.com')) {
      selector = '#showimage'
      callback = load_dm5
    } else if (/manhua\d+.(com|net)/.test(location.host)) {
      selector = '#comicImg'
      callback = load_manhua8
    } else if (/(073|476).cc/.test(location.host)) {
      selector = 'body'
      callback = load_073
    } else if (/(tuku).cc/.test(location.host)) {
      selector = 'body'
      callback = load_tuku
    }
 
    var ready = function () {
      if (document.querySelector(selector)) {
        callback.call()
        return
      }
 
      if (document.readyState !== 'complete') {
        setTimeout(ready, 1000)
      }
    }
 
    ready()
  } // end init()
 
  document.body.style.minHeight = screen.availHeight + 100 + 'px'
  resize()
  window.addEventListener('resize', resize, false)
  document.body.style.minWidth = '980px'
 
  function styles () {
    /*
      .ml-image-container img,
      .content .ImgComic, .inner_img img, .manga_image {
        box-sizing: border-box;
        padding: 1px!important;
        border: 2px solid gray!important;
        margin: 0 auto 10px!important;
        display: block!important;
        max-width: 99%!important;
        width: auto!important;
        height: auto!important;
        cursor: pointer;
      }
      .ml-image-container {
        text-align: center;
      }
      #next_chapter_box {
        background: #333;
        position: fixed;
        top: 50%;
        left: 50%;
        margin: 0;
        z-index: 999999;
        padding: 20px;
        color: #fff;
        font-size: 16px;
        box-shadow: 0 0 15px #000;
        border-radius: 5px;
      }
      #next_chapter_box a {
        color: #FF4E00;
        cursor: pointer;
      }
      .close {
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 12px;
      }
      */
  }
 
  style = document.createElement('style')
  style.innerHTML = styles.toString().match(/\/\*([\S\s]+)\*\//)[1]
  document.head.appendChild(style)
 
  script = document.createElement('script')
  script.textContent = '(' + init.toString() + ')( window )'
  document.head.appendChild(script)
})(window)