A-A+

[52pojie] 知轩藏书快捷查看书本详细信息の油猴脚本

2024年03月05日 10:29 汪洋大海 暂无评论 共1273字 (阅读477 views次)
// ==UserScript==
// @name         知轩藏书跳转起点图看评价
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  在知轩藏书的书名旁添加跳转到起点图的链接
// @author       icescat
// @match        https://zxcs.info/*
// @match        https://www.zxcs.info/*
// @grant        none
// ==/UserScript==
 
(function() {
    'use strict';
 
    // 动态添加FontAwesome样式表以便使放大镜图标
    const fontAwesomeLink = document.createElement('link');
    fontAwesomeLink.href = 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css';
    fontAwesomeLink.rel = 'stylesheet';
    document.head.appendChild(fontAwesomeLink); // 将FontAwesome样式表添加到页面的部分
 
    // 选择页面上的所有书名元素
    const bookElements = document.querySelectorAll('a[rel="content"], dl#plist dt > a, div.name-box > a.name, div.book-info > h1, div.book-info.fl h4 a');
 
    // 遍历每个选中的书名元素
    bookElements.forEach(element => {
        const bookName = element.textContent.trim(); // 提取并清理书名文本
        const reviewSiteUrl = `https://www.qidiantu.com/book/${encodeURIComponent(bookName)}`;
 
        // 创建一个新的链接元素,用于放置搜索图标
        const link = document.createElement('a');
        link.href = reviewSiteUrl;
        link.innerHTML = ''; // 使用FontAwesome的搜索图标,并设置图标颜色为红色
        link.target = '_blank';
        link.style.marginRight = '10px';
        link.style.display = 'inline-block';
        link.style.verticalAlign = 'middle';
 
        element.before(link); // 在每个书名元素之前插入搜索图标链接
    });
})();

知轩藏书快捷查看书本详细信息(跳转到起点图)使用之后书名前面会有个红色的放大镜,点击跳转。ps首页不做适配

 

images

上述图片为实现效果。

 

部分函数解释:

images

文章来源:https://www.52pojie.cn/thread-1896663-1-1.html

布施恩德可便相知重

微信扫一扫打赏

支付宝扫一扫打赏

×

给我留言