知轩藏书跳转起点图看评价

在知轩藏书的书名旁添加跳转到起点图的链接

このスクリプトの質問や評価の投稿はこちら通報はこちらへお寄せください。
// ==UserScript==
// @name         知轩藏书跳转起点图看评价
// @namespace    http://tampermonkey.net/
// @version      3.0
// @description  在知轩藏书的书名旁添加跳转到起点图的链接
// @author       icescat
// @match        https://zxcs.info/*
// @match        https://www.zxcs.info/*
// @grant        none
// @license MIT
// ==/UserScript==

(function() {
    'use strict';

    // 选择页面上的所有可能包含书名的元素
    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 => {
        let bookName = element.textContent.trim(); // 默认直接使用元素的文本内容作为书名

        // 如果文本被《》包围,则提取《》内的内容作为书名
        const bookNameMatch = bookName.match(/《(.*?)》/);
        if (bookNameMatch) {
            bookName = bookNameMatch[1];
        }

        // 构建指向书评网站的URL,使用encodeURIComponent确保URL的正确编码
        const reviewSiteUrl = `https://www.qidiantu.com/book/${encodeURIComponent(bookName)}`;

        // 创建一个新的链接元素,用于放置搜索图标
        const link = document.createElement('a');
        link.href = reviewSiteUrl; // 设置链接的目标地址为书评网站的搜索结果
        link.textContent = '🔍'; // 使用emoji作为搜索图标
        link.target = '_blank'; // 确保链接在新标签页中打开
        link.style.marginRight = '10px'; // 设置链接的右外边距,确保与其他内容有适当间隔
        link.style.display = 'inline-block'; // 设置链接的显示类型,保证它不会破坏周围的布局
        link.style.verticalAlign = 'middle'; // 垂直对齐方式为中间,确保图标与文本对齐

        element.before(link); // 在每个书名元素之前插入搜索图标链接
    });
})();