增强第一版主小说网站的功能，详情请看脚本页面的介绍（另含去除广告的说明）
目前為
// ==UserScript==
// @name 第一版主网站增强
// @namespace https://diyibanzhu.org/essence
// @version 0.10
// @description 增强第一版主小说网站的功能，详情请看脚本页面的介绍（另含去除广告的说明）
// @author Essence
// @match https://*/*
// @run-at document-end
// @grant GM_setValue
// @grant GM_getValue
// @icon https://www.44yydstxt426.com/images/wap_logo.png
// @license MIT
// ==/UserScript==
// 站点名。域名经常变动，没有更好的判断方法
const SITE_NAME = "歪歪蒂艾斯"
const TAG = "[第一版主]"
// 持久存储到篡改猴数据中的键
const V_DYBZ_HISTORY = "DYBZ_HISTORY"
// =========================== 公用函数 =========================== //
// 等待
const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
/**
* 等待指定元素出现后，执行回调
* @param selector 元素选择器。参考`document.querySelector`
* @param callback 需要执行的回调。传递的参数为目标元素
*/
const waitElem = (selector, callback) => {
const observer = new MutationObserver(() => {
const element = document.querySelector(selector)
if (element) {
callback(element)
observer.disconnect()
}
})
observer.observe(document.body, {
childList: true,
subtree: true,
})
}
// 创建单手操作面板
const createOneHandPanel = () => {
// 事件
const gotoNextPage = () => {
const nextLink = document.querySelector("a.curr")?.nextElementSibling || document.querySelector("a.next")
if (nextLink) {
nextLink.click()
}
}
const gotoTop = () => window.scrollTo({top: 0, behavior: "smooth"})
// 创建按钮
const bnNextPage = document.createElement('button')
bnNextPage.textContent = "下一页"
bnNextPage.addEventListener('click', gotoNextPage)
const bnTop = document.createElement('button')
bnTop.textContent = "顶部"
bnTop.addEventListener('click', gotoTop)
// 创建扩展面板
const oneHandPanel = document.createElement('div')
// 增强面板的样式
oneHandPanel.style.display = "flex"
oneHandPanel.style.flexDirection = "row"
oneHandPanel.style.justifyContent = "space-between"
oneHandPanel.style.gap = "8px"
// 向扩展面板添加上面的组件
oneHandPanel.append(bnNextPage, bnTop)
return oneHandPanel
}
/**
* 读取网站存储到 localStorage 的所有值
* @param excludeRegexp 不读取的键的正则。如 /^Hm_lvt/
* @return {string} JSON 文本
*/
const readLocalStorageValues = (excludeRegexp = undefined) => {
const result = {}
for (let i = 0; i < localStorage.length; i++) {
const key = localStorage.key(i)
if (excludeRegexp && excludeRegexp.test(key)) {
continue
}
result[key] = localStorage.getItem(key)
}
return JSON.stringify(result)
}
/**
* 恢复数据到网站的 localStorage
* @param {string} json
*/
const restoreLocalStorageValues = (json) => {
const data = JSON.parse(json)
Object.keys(data).forEach(key => localStorage.setItem(key, data[key]))
}
// =========================== 脚本页面 =========================== //
// 脚本页面：阅读页面，预加载下一页
const nextPage = () => {
// 依次找到"下一页"的元素：优先“下一页”，其次“下一章”
const nextLink = document.querySelector("a.curr")?.nextElementSibling || document.querySelector("a.next")
console.log(TAG, "脚本将预加载下一页", nextLink, nextLink?.href)
// 存在链接
if (nextLink && nextLink.href) {
// 通过"link prefetching"实现预加载下一页
const link = document.createElement("link")
// 注意：最后第一版主网站的章中最后的一页的 URL 的 href 是以"javascript:"开头，其它页是正常的 URL
let href = nextLink.href
if (href.startsWith("javascript:")) {
const params = href.match(/\d+/g)
href = "/" + params.slice(0, -1).join("/") + "_" + params.slice(-1) + ".html"
}
link.href = href
link.rel = "prefetch"
document.head.appendChild(link)
}
}
// 脚本页面： 阅读页面，单手操作面板
const oneHand = () => {
// 操作章节页面元素的父元素，插入扩展面板和章节页面
const chapterPages = document.querySelector(".chapterPages")
if (!chapterPages) {
console.log(TAG, "chapterPages 元素为空")
return
}
// 修正原样式
chapterPages.style.marginTop = "auto"
chapterPages.style.lineHeight = "auto"
const root = chapterPages.parentElement
if (!root) {
console.log(TAG, "父元素为空")
return
}
// root 父元素的样式
root.style.display = "flex"
root.style.justifyContent = "space-between"
root.style.flexDirection = "row"
root.style.marginTop = "30px"
// 注意 `elem.cloneNode(true)`不能复制`事件`，所以要直接创建
const oneHandPanel1 = createOneHandPanel()
const oneHandPanel2 = createOneHandPanel()
root.append(oneHandPanel1, chapterPages, oneHandPanel2)
}
// 脚本页面： 保存历史阅读记录到篡改猴
// 注释：localstorage 中 bookList 保存书籍 ID列表（以"#"分隔），只保存这个是无效的，还要保存 ID 对应的阅读进度才是完整的历史记录。所以读取、保存整个 localstorage
const saveHistoryBooks = () => {
const history = readLocalStorageValues(/^Hm_lvt/)
if (history) {
// 保存到篡改猴
GM_setValue(V_DYBZ_HISTORY, history)
}
const values = GM_getValue(V_DYBZ_HISTORY)
console.log(TAG, "已保存的历史阅读记录：", values)
}
// 脚本页面：准许复制文本
const enableCopyText = ()=>{
document.querySelector("body").oncontextmenu = null;
const chapterBody = document.querySelector("body.chapter")
if(chapterBody){
chapterBody.style.webkitUserSelect = "auto"
}
}
// 增强作者文本为链接
const makeAuthorLink = (authorNode)=>{
const author = authorNode.textContent.trim().replace("作者：", "")
const link = document.createElement("a")
link.textContent = author
link.href = `/author/${author}`
link.classList.add("author")
const parentElem = authorNode.parentElement
authorNode.textContent = "作者："
parentElem.insertBefore(link, parentElem.childNodes[1])
}
// 脚本页面：自动填充网站人机验证
const verifyPage = () => {
document.querySelector("input#password").value = "1234"
document.querySelector("div.login a").click()
}
// 脚本页面：自动填充 CF 人机验证
const cfPage = () => {
const click = (elem) => {
console.log(TAG, "CF 人机验证的选择框", elem)
elem.click()
}
// 点击`span.mark`而不是`input[type='checkbox']`更容易通过验证
// 参考 https://stackoverflow.com/a/76575463
waitElem("div#challenge-stage span.mark", click)
}
(function () {
'use strict'
// Your code here...
// CF 验证页面需要放在最前面。避免因为不是目标网站而跳过
// 脚本页面：自动填充 CF 人机验证
// 注意 CF 验证是通过 iframe 嵌入实现的，所以在指定 URL 的 iframe 中运行该函数
if (location.href.startsWith("https://challenges.cloudflare.com/cdn-cgi/challenge-platform/")) {
console.log(TAG, "自动填充 CF 人机验证")
cfPage()
}
// 不是目标小说网站
if (!document.title.includes(SITE_NAME) && !(document.title === "您的阅读足迹" && document.querySelector("h1.page-title").textContent === "您的阅读足迹")) {
console.log(TAG, "不是目标小说网站，停止运行。", `网站标题："${document.title}"`, `网站地址：${location.href}`)
return
}
// 脚本页面：自动填充网站人机验证
if (document.querySelector("div.title")?.textContent?.includes("为防止恶意访问")) {
console.log(TAG, "自动填充网站人机验证")
verifyPage()
}
// 脚本页面：阅读页面
if (document.querySelector("h1.page-title")?.textContent?.trim()) {
console.log(TAG, "预加载下一页")
nextPage()
console.log(TAG, "单手操作面板")
oneHand()
console.log(TAG, "保存历史阅读记录到篡改猴")
saveHistoryBooks()
console.log(TAG, "准许复制文本")
enableCopyText()
}
// 脚本页面：增强作者文本为链接
if(/作者：.+/.test(document.querySelector("p.info")?.firstChild?.textContent?.trim())){
console.log(TAG, "增强作者文本为链接")
makeAuthorLink(document.querySelector("p.info").firstChild)
}
})()