去掉该网站的广告，优化UI。代码参考 ： https://greasyfork.org/zh-CN/scripts/377230-%E9%80%9A%E7%94%A8%E9%98%85%E8%AF%BB%E5%99%A8/code
// ==UserScript==
// @name 读者吧
// @namespace http://tampermonkey.net/
// @version 1.0.12
// @description 去掉该网站的广告，优化UI。代码参考 ： https://greasyfork.org/zh-CN/scripts/377230-%E9%80%9A%E7%94%A8%E9%98%85%E8%AF%BB%E5%99%A8/code
// @author Clf
// @exclude *://m.dzb81.com/member/*
// @match *://m.dzb81.com/*/*.html
// @icon https://www.google.com/s2/favicons?sz=64&domain=dzb81.com
// @grant none
// @license MIT
// ==/UserScript==
(function() {
'use strict';
//alert('123131');
var $ = function(selector){
return document.querySelector(selector);
}
var body=$('body');
var childArr = Array.from(body.children);
var flag=0;
remove_adv();
function remove_adv(){
var head = $('head')
var scripts = head.getElementsByTagName('script');
for (var i = scripts.length - 1; i >= 0; i--) { // 注意我们从后往前遍历
var script = scripts[i];
if (!script.type || script.type !== 'text/javascript') {
head.removeChild(script);
}
}
if (childArr.length > 0) {
flag=childArr.findIndex(e => e.id=='PageSet');
childArr.forEach(function(e,i) {
if(i < 3 || i==4 || i==5 ||i >12 || e.id === 'nsws' || e.tagName.toLowerCase() === 'dl' || e.classList.contains('searchForm') ||e.classList.contains('DivBottom')
|| e.tagName.toLowerCase() === 'h2' || e.tagName.toLowerCase() === 'script' || e.tagName.toLowerCase() === 'iframe' || e.tagName.toLowerCase() === 'a' ){
$('body').removeChild(e);
}
});
var divs = document.querySelectorAll("html > div");
divs.forEach(function(div) {
div.remove();
});
childArr=Array.from(body.children);
}
}
document.querySelector('body').addEventListener('click', function(event) {
if (event.target.classList.contains('_er')) {
console.log('内层元素被点击');
// 阻止事件冒泡（可选）
event.stopPropagation();
}
});
var blackList = {"www.baidu.com": true, "www.sogou.com": true, "www.so.com": true, "www.bing.com":true, "cn.bing.com": true, "www.google.com": true, "m.sm.cn": true};
var keywords = ['本章没完，', '温馨提示：', 'dzb81.com'];
// 通用解析模板
function parseContentAndTitle(){
let mainDom = null;
let title = null;
if (childArr.length > 0) {
childArr.forEach(function(e,i) {
if(e.classList.contains('TxtContent')){
mainDom=e;
}else if(e.classList.contains('sh1')){
title=e;
}
});
}
if (mainDom){
var childNodes = Array.from(mainDom.childNodes).filter(node => node.nodeType === Node.TEXT_NODE);
if(childNodes.length>3){
for (var i = childNodes.length - 1; i >= childNodes.length - 3; i--) {
if (keywords.some(k => childNodes[i].textContent.includes(k)) ) { // 文本节点
mainDom.removeChild(childNodes[i]);
}
}
}
return {content: mainDom.innerText, title: title ? title.innerText :""};
}
}
function parseButton(content){
let suffix=null;
let pageup = null;
let pagedown = null;
let index = null;
let pageindex = null;
let bookshelf = null;
if (childArr.length > 0 && flag >0 ) {
let pageSet=childArr.find(e => e.id=='PageSet');
pageSet.style.display = 'none';
let len=pageSet.children.length;
Array.from(pageSet.children).forEach(function(e,i) {
if(i==0){
if(e.tagName.toLowerCase() === 'a'){
pageup=e.attributes.href.value;
}
}else if(i==len-1){
if(e.tagName.toLowerCase() === 'a'){
pagedown=e.attributes.href.value;
}
}else if(e.tagName.toLowerCase() === 'span'){
index=i;
}
});
content.title=content.title+' ('+index+'/'+(len-2)+')';
childArr[3].style.display = 'none';
childArr[4].style.display = 'none';
Array.from(childArr[3].children).forEach(function(e,i) {
if(i==0 && pageup==null){
pageup=e.getElementsByTagName('a').length>0 ?e.getElementsByTagName('a')[0].attributes.href.value : null;
}else if(i==2 && pagedown==null){
pagedown=e.getElementsByTagName('a').length>0 ? e.getElementsByTagName('a')[0].attributes.href.value : null;
}else if (i==1){
pageindex=e.getElementsByTagName('a')[0].attributes.href.value;
}
});
//bookshelf=childArr[4].getElementsByTagName('a')[0].attributes.href.value;
bookshelf='/member/tempb.html';
content.pageup=pageup;
content.pagedown=pagedown;
content.pageindex=pageindex;
content.bookshelf=bookshelf;
}
}
//模搬开始
var fontsize = parseInt(localStorage["_er_fontsize"] || 0);
var padding = parseInt(localStorage["_er_padding"] || 10);
var autoplay = false;
if (localStorage['_er-autoplay'] === 'true'){
autoplay = true;
}
delete localStorage['_er-autoplay'];
if (top.window !== window) return; // iframe内的网页不展示按钮，也不支持进入阅读模式
if (localStorage['_er-enable'] === 'true'){
localStorage['_er-enable'] = 'false';
checkAndCreateReader(true);
} else if (blackList[location.host] !== true){
// 创建阅读模式悬浮按钮
$('body').children[0].insertAdjacentHTML('beforeBegin', '<button id="_er-entryReadMode" style="' +
' position: fixed;' +
' right: 50px;' +
' bottom: 50px;' +
' background-color: white;' +
' border: 1px solid black;' +
' border-radius: 10px;' +
' padding: 0 5px;' +
' height: 50px;' +
' overflow: auto;' +
' background-color: white;' +
' z-index: 201901272210;">进入阅读模式</button>');
// 配置阅读模式按钮自动淡出效果
var i = 3;
var interval = setInterval(function(){
i -= 0.03;
var btn = $('#_er-entryReadMode');
if (!btn) {
clearInterval(interval);
return;
}
$('#_er-entryReadMode').style.opacity = i;
if (i <= 0) {
btn.remove();
clearInterval(interval);
}
}, 100);
$('#_er-entryReadMode').onclick = checkAndCreateReader;
if($('#_er-NotShowReadMode')){
$('#_er-NotShowReadMode').onclick = function(){
localStorage['_er-disabled'] = 'true';
$('#_er-entryReadMode').remove();
$('#_er-NotShowReadMode').remove();
}
}
}
function checkAndCreateReader(notAlert){
// 通过调用通用模板尝试是否能够成功匹配到阅读内容
var content = parseContentAndTitle();
if (content && content.content){
parseButton(content);
createReader(content);
}else{
if (notAlert !== true){
alert('当前页面解析失败，无法进入阅读模式！');
}
}
}
function setTheme(theme) {
switch(theme) {
case 'black':
$('._er').style.backgroundColor = 'black';
$('._er-title').style.color = 'lightgrey';
$('._er-content').style.color = 'lightgrey';
break;
case 'OliveDrab':
$('._er').style.backgroundColor = '#D3E1D0';
$('._er-title').style.color = 'black';
$('._er-content').style.color = 'black';
break;
case 'Khaki':
$('._er').style.backgroundColor = '#F6F2E7';
$('._er-title').style.color = 'black';
$('._er-content').style.color = 'black';
break;
case 'blue':
$('._er').style.backgroundColor = '#D3E5F9';
$('._er-title').style.color = 'black';
$('._er-content').style.color = 'black';
break;
case 'white':
$('._er').style.backgroundColor = 'white';
$('._er-title').style.color = 'black';
$('._er-content').style.color = 'black';
break;
}
localStorage['_er-theme'] = theme;
$('._er').dataset['theme'] = theme;
}
// 创建阅读器
function createReader(content){
$('#_er-entryReadMode') && $('#_er-entryReadMode').remove();
$('#_er-NotShowReadMode') && $('#_er-NotShowReadMode').remove();
addClassAndDom();
if (window.SpeechSynthesisUtterance){
//$('#_er-tts').style.display = 'block';
}
if (localStorage['_er-theme']) {
setTheme(localStorage['_er-theme']);
}
$('._er-title').innerText = content.title;
var contentArr = content.content.split('\n');
var contentHtml = '';
for(var i=0;i<contentArr.length;i++){
var line = contentArr[i];
if (line){
contentHtml += '<span>' + line + '</span>';
}
contentHtml += '<br>';
}
$('._er-content').innerHTML = contentHtml;
var spanNodes = document.querySelectorAll('._er-content span');
for(var i=0;i<spanNodes.length;i++){
spanNodes[i].onclick = function(){
for(var j=0;j<spanNodes.length;j++){
spanNodes[j].classList.remove('_er-current');
}
this.classList.add('_er-current');
}
}
// 挂接键盘事件，实现键盘上下左右切换阅读功能
$('body').onkeydown = function(e){
e.stopPropagation();
switch(e.keyCode || e.which || e.charCode){
case 38: // up
if (e.ctrlKey) {
$('._er').scrollTop = $('._er').scrollTop - (document.documentElement.clientHeight - 24)
} else {
toPrevReadPos();
updateReadPos();
}
break;
case 40: // down
if (e.ctrlKey) {
$('._er').scrollTop = $('._er').scrollTop + (document.documentElement.clientHeight - 24);
} else {
toNextReadPos();
updateReadPos();
}
break;
case 37: // left
if (e.ctrlKey) {
toPrevPage();
} else {
$('._er').scrollTop = $('._er').scrollTop - (document.documentElement.clientHeight - 24);
}
break;
case 39: // right
if (e.ctrlKey) {
toNextPage();
} else {
$('._er').scrollTop = $('._er').scrollTop + (document.documentElement.clientHeight - 24);
}
break;
default:
return true;
}
return false;
function toPrevPage(){
if (content.pageup){
localStorage['_er-enable'] = 'true';
location.href = content.pageup;
}else{
alert('很抱歉，没有匹配到上一页！');
}
}
function toNextPage(){
if (content.pagedown){
localStorage['_er-enable'] = 'true';
location.href = content.pagedown;
}else{
alert('很抱歉，没有匹配到下一页！');
}
}
};
$('._er-content').onclick = function(e){ // 适用于墨水屏的左右点击无动画翻页
var x = e.pageX;
var width = document.documentElement.clientWidth;
if (x <= width*0.1){ // 前翻一页
$('._er').scrollTop = $('._er').scrollTop - (document.documentElement.clientHeight - 24)
}else if(x >= width*0.9){ // 后翻一页
$('._er').scrollTop = $('._er').scrollTop + (document.documentElement.clientHeight - 24);
}
}
$('#_er-pageindex').onclick = function(){
if (content.pageindex){
location.href = content.pageindex;
}else{
alert('很抱歉，没有匹配到目录！');
}
};
$('#_er-bookshelf').onclick = function(){
if (content.bookshelf){
location.href = content.bookshelf;
}else{
alert('很抱歉，没有找到书架！');
}
};
$('#_er-switch-theme').onclick = function(){
var current = $('._er').dataset['theme'] || 'white';
var themeList = ['white', 'Khaki', 'blue', 'OliveDrab', 'black'];
var index = themeList.indexOf(current);
if (index === -1) index = 0;
index++;
if (index >= themeList.length) {
index = 0;
}
setTheme(themeList[index]);
}
$('#_er-pageup').onclick = function(){
if (content.pageup){
localStorage['_er-enable'] = 'true';
location.href = content.pageup;
}else{
alert('很抱歉，没有匹配到上一页！');
}
};
$('#_er-pagedown').onclick = function(){
if (content.pagedown){
localStorage['_er-enable'] = 'true';
location.href = content.pagedown;
}else{
alert('很抱歉，没有匹配到下一页！');
}
};
$('#_er-pagedown').dataset['nexturl'] = content.pagedown;
setFontSize();
setPadding();
// 按钮事件处理
$('#_er-close').onclick = removeDom;
$('#_er-font-plus').onclick = function(){
fontsize += 2;
setFontSize();
};
$('#_er-font-minus').onclick = function(){
fontsize -= 2;
setFontSize();
};
$('#_er-border').onclick= function() {
padding = padding == 10 ? 5 : 10;
setPadding();
}
//听书
/* $('#_er-tts').onclick = function(){
if (this.dataset['pause'] === 'true'){
// 开始播放
this.innerText = '停止';
this.dataset['pause'] = 'false';
playNextText();
}else{
this.innerText = '听书';
this.dataset['pause'] = 'true';
}
};
if (autoplay){
$('#_er-tts').innerText = '停止';
$('#_er-tts').dataset['pause'] = 'false';
playNextText();
}else{
$('#_er-tts').dataset['pause'] = 'true';
} */
}
// 听书功能
function playNextText(){
updateReadPos();
var current = $('._er-current');
var playText = '';
if (current){
playText = current.innerText;
}else{
playText = $('._er-title').innerText;
}
if (playText){
var utterThis = new SpeechSynthesisUtterance();
utterThis.text = playText;
utterThis.onerror = function(){
$('#_er-tts').dataset['pause'] = 'true';
alert("TTS语音转换文字出现异常，听书已停止运行！");
};
utterThis.onend = function(){
toNextReadPos();
if (!$('._er-current')){
var nextUrl = $('#_er-pagedown').dataset['nexturl'];
console.log(nextUrl);
if (nextUrl){
localStorage['_er-autoplay'] = 'true';
localStorage['_er-enable'] = 'true';
location.href = nextUrl;
}
return;
}
if ($('#_er-tts').dataset['pause'] === 'false'){
playNextText();
}
};
speechSynthesis.speak(utterThis);
}else{
toNextReadPos();
playNextText();
}
}
function toNextReadPos(){
var current = $('._er-current');
var nextSpan = null;
if (current){
nextSpan = current.nextElementSibling;
while(nextSpan && nextSpan.nodeName !== 'SPAN'){
nextSpan = nextSpan.nextElementSibling;
}
}else{
nextSpan = $('._er-content span');
}
if (current) current.classList.remove('_er-current');
if (nextSpan) nextSpan.classList.add('_er-current');
}
function toPrevReadPos(){
var current = $('._er-current');
var prevSpan = null;
if (current){
prevSpan = current.previousElementSibling;
while(prevSpan && prevSpan.nodeName !== 'SPAN'){
prevSpan = prevSpan.previousElementSibling;
}
}
if (current) current.classList.remove('_er-current');
if (prevSpan) prevSpan.classList.add('_er-current');
}
function updateReadPos(){
if ($('._er-current'))
$('._er').scrollTop = $('._er-current').offsetTop - (document.documentElement.clientHeight / 2);
}
function setFontSize(){
localStorage["_er_fontsize"] = fontsize;
$('._er-title').style.fontSize = (20+fontsize) + 'px';
$('._er-title').style.lineHeight = ((20+fontsize)*1.5) + 'px';
$('._er-content').style.fontSize = (14+fontsize) + 'px';
$('._er-content').style.lineHeight = ((14+fontsize)*1.5) + 'px';
}
function setPadding() {
localStorage["_er_padding"] = padding;
$('._er-content').style.padding = '10px ' + padding + '%';
}
var oldOverflow = '';
var oldOnKeyDown = $('body').onkeydown;
function removeDom(){
$('._er').remove();
$('body').style.overflow = oldOverflow;
$('body').onkeydown = oldOnKeyDown;
}
function addClassAndDom(){
oldOverflow = $('body').style.overflow;
$('body').style.overflow = 'hidden';
$('body').children[0].insertAdjacentHTML('beforeBegin',
'<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"><div class="_er">' +
' <div class="_er-tts">' +
' <button type="button" id="_er-tts">听书</button>' +
' </div>' +
' <div class="_er-tools">' +
' <button type="button" id="_er-bookshelf">书架</button>' +
' <button type="button" id="_er-pageindex">目录</button>' +
' <button type="button" id="_er-switch-theme">切换主题</button>' +
' <button type="button" id="_er-font-plus">字号+</button>' +
' <button type="button" id="_er-font-minus">字号-</button>' +
' <button type="button" id="_er-border">边距</button>' +
' <button type="button" id="_er-close">返回原网页</button>' +
' </div>' +
' <div class="_er-title"></div>' +
' <div class="_er-content">' +
' </div>' +
' <div class="_er-tools">' +
' <button type="button" class="big-button" id="_er-pageup">上一页</button>' +
' <button type="button" class="big-button" id="_er-pagedown">下一页</button>' +
' </div>' +
'</div>');
$('body').children[0].insertAdjacentHTML('beforeBegin',
'<style>' +
'._er{' +
' position: fixed;' +
' left: 0;' +
' right: 0;' +
' top: 0;' +
' bottom: 0;' +
' overflow: auto;' +
' background-color: white;' +
' z-index: 201901272211;' +
'}' +
'._er-title{' +
' text-align: center;' +
' font-size: 20px;' +
' line-height: 30px;' +
' font-weight: 900;' +
' padding: 10px 10%;' +
' color: black;' +
'}' +
'._er-content{' +
' padding: 10px 10%;' +
' font-size: 14px;' +
' line-height: 21px;' +
' color: black;' +
'}' +
'._er-tools{' +
' margin-top: 10px;' +
' margin-bottom: 10px;' +
' text-align: center;' +
'}' +
'._er-tools button{' +
' cursor: pointer;' +
' color: black;' +
' background-color: #908E90;' +
' border: 1px solid black;' +
' padding: 5px;' +
' border-radius: 10px;' +
'}' +
'._er-tools .big-button{' +
' padding: 9px 25px;' +
'}' +
'._er-tts button{' +
' width: 50px;' +
' height: 50px;' +
' position: fixed;' +
' right: 15px;' +
' bottom: 15px;' +
' z-index: 201901272212;' +
' color: black;' +
' border: 1px solid black;' +
' opacity: 0.5;' +
' cursor: pointer;' +
' border-radius: 25px;' +
' display: none;' +
'}' +
'._er-current{' +
' background-color: yellow;' +
' color: black;' +
'}' +
'</style>');
}
})();