谷歌插件开发之笔趣阁_chrome笔趣阁插件-CSDN博客

博主分享了自己为笔趣阁小说阅读平台编写的一款浏览器插件，该插件允许用户通过键盘的w、s、a、d键进行上下翻页和章节切换，提高了阅读的便捷性。代码包括manifest.json和main.js两个部分，实现了监听键盘事件并相应地滚动页面或触发章节链接。作者也对插件的使用进行了简单演示，并在后续更新中修复了BaseUrl的变化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

最近在笔趣阁上看小说，感觉通过鼠标滑轮滚动来翻页、鼠标点击切换上一章下一章有点麻烦，所以就写了一个小插件来简化操作。
插件实现功能：可以通过键盘上的w按键和s按键来向上向下翻页，通过键盘上的a按键和d按键来跳转上一章下一章。

插件目录结构

在这里插入图片描述

具体代码

manifest.json 代码

{
    "manifest_version": 2,
    "name": "笔趣阁插件",
    "version": "2.0",
    "description": "简化下一页上一章下一章操作",
    "author": "tomhe",
    "icons": {
        "16": "img/icon.png",
        "48": "img/icon.png",
        "128": "img/icon.png"
    },

    "content_scripts": [
        {
            "matches": ["<all_urls>"],
            "js": ["js/main.js"],
            "run_at": "document_start"
        }
    ]
}

main.js 代码

// 加载完DOM元素后 会执行箭头函数中的内容
document.addEventListener("DOMContentLoaded", () => {
  // 获取网页当前完整的url
  let weburl = window.location.href;
  // 笔趣阁url
  let baseurl = "http://www.xbiquge.la/";

  // 判断当前网页是否是笔趣阁的子网页
  if (weburl.includes(baseurl)) {
    // alert(weburl);

    // 获取指定标签 并添加事件
    let preBtn = document.querySelectorAll(".bottem2>a")[1];
    let nextBtn = document.querySelectorAll(".bottem2>a")[3];

    document.addEventListener("keydown", (event) => {
      // 当用户按下 w/s 时 网页会向上向下移动850px
      // 当用户按下 a/d 时 网页会自动点击 上一章/下一章 按钮
      if (event.keyCode === 83) document.documentElement.scrollTop += 850;
      if (event.keyCode === 87) document.documentElement.scrollTop -= 850;
      if (event.keyCode === 65) preBtn.click();
      if (event.keyCode === 68) nextBtn.click();
    });
  }
});