Veblen 发表于 2024-3-5 09:18

油猴脚本·知轩藏书快捷查看书本详细信息


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

// ==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样式表添加到页面的<head>部分

    // 选择页面上的所有书名元素
    const bookElements = document.querySelectorAll('a, 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 = '<i class="fas fa-search" style="color: red;"></i>'; // 使用FontAwesome的搜索图标,并设置图标颜色为红色
      link.target = '_blank';
      link.style.marginRight = '10px';
      link.style.display = 'inline-block';
      link.style.verticalAlign = 'middle';

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

gdgzlhl 发表于 2024-3-5 09:18

666666666666

liuwen 发表于 2024-3-5 09:59

666666
页: [1]
查看完整版本: 油猴脚本·知轩藏书快捷查看书本详细信息