Loads all following chapters on fanfiction.net and strips off bloat.
目前为
// ==UserScript==
// @name FanfictionQomplete
// @description Loads all following chapters on fanfiction.net and strips off bloat.
// @namespace https://greasyfork.org/en/users/11891-qon
// @author Qon
// @include https://www.fanfiction.net/s/*/*
// @noframes
// @grant none
// @license Simple Public License 2.0 (SimPL) https://tldrlegal.com/license/simple-public-license-2.0-%28simpl%29
// @version 0.0.1.20150614172008
// ==/UserScript==
// javascript:var script=document.createElement("script");script.src="https://greasyfork.org/en/scripts/10182-fanfictionqomplete/code/fanfictionqomplete.js";document.body.appendChild(script);window.setTimeout(function(){document.runFFQomplete();},500);
// document.styleSheets[0].cssText = "";
if (Element.prototype.remove == undefined) {
Element.prototype.remove = function() {
this.parentNode.removeChild(this)
}
}
function injectRunButton() {
var lc = document.getElementsByClassName('lc')
if (lc.length) {
lc = lc[0]
var btn = document.createElement('button')
btn.setAttribute('onclick', 'document.runFFQomplete();')
btn.setAttribute('class', 'btn')
btn.setAttribute('style', 'margin-left:12px;margin-right:2px;')
btn.setAttribute('title', 'Append all following chapters and remove unecessary bloat.')
btn.innerHTML = 'Qomplete!'
lc.appendChild(btn)
}
}
injectRunButton()
document.runFFQomplete = function() {
window.onload = function() {
var a = document.getElementsByClassName('skiptranslate')
for (; a.length;) {
a[0].remove()
}
var c = document.body.style.backgroundColor
document.body.removeAttribute('style')
document.body.style.backgroundColor = c // data race but whatever.
}
var re = /(^.*?fanfiction\.net\/s\/\d+\/)(\d+)(\/?[^#]*)/
function urlGetChap(url) {
var arr = re.exec(url)
return arr[2]
}
function urlSetChap(url, n) {
var arr = re.exec(url)
return arr[1] + n + arr[3]
}
function inc(url) {
var arr = re.exec(url)
return arr[1] + (parseInt(arr[2]) + 1) + arr[3]
}
function chapFromPage(url, page) {
var storytext = page.getElementById('storytext')
if (storytext) {
// var ps = storytext.getElementsByTagName('p')
// var d = 0
// for (q of ps) {
// q.style.color = 'hsl(' + d + ' ,20%, 80%)'
// // q.innerHTML = q.innerHTML.replace(/([\.,?!])/g, '<span style="color:hsl(' + d + ' ,100%, 50%);">$1</span>')
// d = (d + 1 / ps.length * 360) % 360
// }
var wrap = page.createElement('div')
wrap.setAttribute('class', 'wrap col' + (urlGetChap(url) % 6))
wrap.setAttribute('id', urlGetChap(url))
var pad = page.createElement('div')
pad.setAttribute('class', 'pad')
var chapdiv = page.createElement('div')
chapdiv.setAttribute('class', 'chapter')
var chapspan = page.createElement('span')
chapspan.innerHTML = urlGetChap(url) + '. '
var title = page.getElementsByTagName('title')[0]
var chaptitle = page.createElement('a')
chaptitle.setAttribute('href', url.replace(/#.*$/, ""))
chaptitle.setAttribute('class', 'external')
chaptitle.innerHTML = title.innerHTML
chapdiv.appendChild(chapspan)
chapdiv.appendChild(chaptitle)
chapdiv.appendChild(document.createElement('hr'))
chapdiv.appendChild(storytext)
pad.appendChild(chapdiv)
wrap.appendChild(pad)
return wrap
} else return null
}
document.body.setAttribute('style', '')
var title = document.getElementsByTagName('title')[0]
var profile_top = document.getElementById('profile_top')
var chap_select = document.getElementById('chap_select')
var chap = chapFromPage(document.location.href, document)
var ptbuttons = profile_top.getElementsByTagName('button')
if (ptbuttons.length) {
ptbuttons[0].remove()
for (; document.head.firstElementChild;) document.head.firstElementChild.remove();
for (; document.body.firstElementChild;) document.body.firstElementChild.remove();
}
document.body.removeAttribute('style')
var style = document.createElement('style')
style.setAttribute('type', 'text/css')
style.innerHTML =
'body{background-color:lime;color:#ccc;margin:0;padding:0;font-family:"Verdana";}\n\
div.loading{}\n\
button, select{border-radius:4px;padding:4px 12px;background: linear-gradient(to bottom, #333, #000);border-width: 1px;color:#ccc;background-color:#000;}\n\
button:hover{background-image:none;}\n\
.panel{text-align:center;}\n\
a.external, option.external{background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZ\
G9iZSBJbWFnZVJlYWR5ccllPAAAAFZJREFUeF59z4EJADEIQ1F36k7u5E7ZKXeUQPACJ3wK7UNokVxVk9kHnQH7bY9hbDyDhNXgjpRLqFlo4M2GgfyJHhjq8V4agfrgPQX3JtJQGbofmCHgA/nAKks+JAjFA\
AAAAElFTkSuQmCC") no-repeat scroll right center;padding-right: 13px;}\n\
div.wrap{max-width:1300px;margin:auto;padding:0px 5px 0px 5px;}\n\
div.wrap:first-child{padding-top:5px;margin-top:50px;}\n\
div.wrap:last-child{padding-bottom:5px;margin-bottom:50px;}\n\
div.pad{background-color:#222;padding:50px;}\n\
.chapter{}#profile_top{}img{float:left;}canvas{float:left;}\n\
a:link{color:#a05;}a:visited{color:#555;}a:hover{color:#fff;}a:active{color:#a05;}\n\
.col1{background-color:#f00;background:linear-gradient(to bottom, #f00, #ff0);}\n\
.col2{background-color:#ff0;background:linear-gradient(to bottom, #ff0, #0f0);}\n\
.col3{background-color:#0f0;background:linear-gradient(to bottom, #0f0, #0ff);}\n\
.col4{background-color:#0ff;background:linear-gradient(to bottom, #0ff, #00f);}\n\
.col5{background-color:#00f;background:linear-gradient(to bottom, #00f, #f0f);}\n\
.col0{background-color:#f0f;background:linear-gradient(to bottom, #f0f, #f00);}\n'
switch ((urlGetChap(document.location.href) % 6)) {
case 0:
style.innerHTML += '.profile{background-color:#777;background:linear-gradient(to bottom, #fff, #f0f);}\n'
break;
case 1:
style.innerHTML += '.profile{background-color:#777;background:linear-gradient(to bottom, #fff, #f00);}\n'
break;
case 2:
style.innerHTML += '.profile{background-color:#777;background:linear-gradient(to bottom, #fff, #ff0);}\n'
break;
case 3:
style.innerHTML += '.profile{background-color:#777;background:linear-gradient(to bottom, #fff, #0f0);}\n'
break;
case 4:
style.innerHTML += '.profile{background-color:#777;background:linear-gradient(to bottom, #fff, #0ff);}\n'
break;
case 5:
style.innerHTML += '.profile{background-color:#777;background:linear-gradient(to bottom, #fff, #00f);}\n'
break;
}
document.head.appendChild(style)
document.head.appendChild(title)
var profile = document.createElement('div')
profile.setAttribute('class', 'wrap profile')
profile.setAttribute('id', 'profile')
var pad = document.createElement('div')
pad.setAttribute('class', 'pad')
pad.appendChild(profile_top)
profile.appendChild(pad)
document.body.appendChild(profile)
var panel = document.createElement('div')
panel.setAttribute('class', 'panel')
var posbtn = document.createElement('button')
posbtn.setAttribute('id', 'posbtn')
posbtn.setAttribute('onclick', 'window.togglePosition();')
posbtn.setAttribute('style', 'float:left;')
posbtn.innerHTML = 'Position: Center'
window.togglePosition = function() {
var e = document.getElementById('position-style')
if (e) {
if (e.innerHTML == 'div.wrap{margin-left:0px;}') {
e.innerHTML = 'div.wrap{margin-right:0px;}'
document.getElementById('posbtn').innerHTML = 'Position: Right'
} else {
e.remove()
document.getElementById('posbtn').innerHTML = 'Position: Center'
}
} else {
var s = document.createElement('style')
s.setAttribute('id', 'position-style')
s.innerHTML = 'div.wrap{margin-left:0px;}'
document.head.appendChild(s)
document.getElementById('posbtn').innerHTML = 'Position: Left'
}
}
var colschemebtn = document.createElement('button')
colschemebtn.setAttribute('id', 'colschemebtn')
colschemebtn.setAttribute('onclick', 'window.toggleColScheme();')
colschemebtn.setAttribute('style', 'float:left;')
colschemebtn.innerHTML = 'Color Scheme: Dark'
window.toggleColScheme = function() {
var e = document.getElementById('colscheme-style')
if (e) {
if (e.innerHTML == 'body{color:#000;}\na:hover{color:#000;}\ndiv.pad{background-color:#fff;}\n') {
e.innerHTML = 'body{color:#fff;}\ndiv.pad{background-color:#000;}\n'
document.getElementById('colschemebtn').innerHTML = 'Color Scheme: Black'
} else {
e.remove()
document.getElementById('colschemebtn').innerHTML = 'Color Scheme: Dark'
}
} else {
var s = document.createElement('style')
s.setAttribute('id', 'colscheme-style')
s.innerHTML = 'body{color:#000;}\na:hover{color:#000;}\ndiv.pad{background-color:#fff;}\n'
document.head.appendChild(s)
document.getElementById('colschemebtn').innerHTML = 'Color Scheme: White'
}
}
// var tocbtn = document.createElement('button')
// tocbtn.setAttribute('id', 'tocbtn')
// tocbtn.setAttribute('onclick', 'window.toggleToc();')
// tocbtn.setAttribute('style', 'float:left;')
// tocbtn.innerHTML = 'Table of Contents'
// window.toggleToc = function() {
// var e = document.getElementById('toc')
// if (e.style.display == 'none') {
// e.style.display = 'block'
// } else {
// e.style.display = 'none'
// }
// }
// panel.appendChild(tocbtn)
var widthbtn = document.createElement('button')
widthbtn.setAttribute('id', 'widthbtn')
widthbtn.setAttribute('onclick', 'window.toggleWidth();')
widthbtn.setAttribute('class', 'center')
widthbtn.innerHTML = 'Page Width: Default'
window.toggleWidth = function() {
var e = document.getElementById('width-style')
if (e) {
if (e.innerHTML == 'div.wrap{max-width:100%;}') {
e.innerHTML = 'div.wrap{max-width:777px;}'
document.getElementById('widthbtn').innerHTML = 'Page Width: Narrow'
} else {
e.remove()
document.getElementById('widthbtn').innerHTML = 'Page Width: Default'
}
} else {
var s = document.createElement('style')
s.setAttribute('id', 'width-style')
s.innerHTML = 'div.wrap{max-width:100%;}'
document.head.appendChild(s)
document.getElementById('widthbtn').innerHTML = 'Page Width: Wide'
}
}
panel.appendChild(widthbtn)
panel.appendChild(posbtn)
panel.appendChild(colschemebtn)
if (chap_select) {
chap_select.setAttribute('onchange', 'if(this.options[this.selectedIndex].value < ' + urlGetChap(document.location.href) + '){' +
chap_select.getAttribute('onchange') +
'}' + ' else {document.getElementById(\'\'+this.options[this.selectedIndex].value).scrollIntoView();}'
)
chap_select.setAttribute('style', 'float:right;')
var os = chap_select.getElementsByTagName('option')
for (i = 0; i < urlGetChap(document.location) - 1; i += 1) {
os[i].setAttribute('class', 'external')
}
panel.appendChild(chap_select)
}
document.getElementById('profile').firstChild.appendChild(panel)
// document.body.insertBefore(panel, document.body.firstChild)
var toc = document.createElement('div')
toc.setAttribute('class', 'pad')
toc.setAttribute('id', 'toc')
toc.style.display = 'none'
toc.style.paddingTop = '0px'
document.getElementById('profile').appendChild(toc)
function tocAppend(s, n) {
var toc = document.getElementById('toc')
var a = document.createElement('a')
a.setAttribute('href', '#' + n)
a.innerHTML = s
toc.appendChild(document.createElement('br'))
toc.appendChild(a)
}
tocAppend('Chapter ' + urlGetChap(document.location.href) + '.', urlGetChap(document.location.href))
document.body.appendChild(chap)
function loadQomplete() {
var a = document.getElementsByClassName('skiptranslate')
for (; a.length;) {
a[0].remove()
}
document.body.removeAttribute('style')
document.body.style.backgroundColor = '#000'
}
function appendChapterFromURL(url) {
var oReq = new XMLHttpRequest();
oReq.onload = function() {
var xmlDoc = new DOMParser().parseFromString(this.responseText, "text/html")
var url = this.responseURL ? this.responseURL : this.responseURLfallback
if (!url) {
console.log('Error: Response has no responseURL field!')
}
var chap = chapFromPage(url, xmlDoc)
if (chap) {
document.body.appendChild(chap)
tocAppend('Chapter ' + urlGetChap(url) + '.', urlGetChap(url))
window.setTimeout(function() {
appendChapterFromURL(inc(url))
}, 0)
} else loadQomplete()
}
oReq.responseURLfallback = url
oReq.open("get", url, true)
oReq.send()
}
appendChapterFromURL(inc(document.location.href))
}
// document.runFFQomplete()