Greasy Fork is available in English.

hightlight-keywords-nyaa

高亮关键词,可设置关键词的样式,支持正则匹配,自行修改脚本配置

Penulis
mudssky
Pemasangan harian
0
Total pemasangan
300
Nilai
4 0 0
Versi
0.2.2
Dibuat
22 Juni 2021
Diperbarui
08 Maret 2023
Lisensi
MIT
Berlaku untuk

highlight-keywords

项目仓库: https://github.com/mudssky/highlight-keywords

项目运行方法

项目采用webpack配置,添加ts-loader提供对typescript的支持。

结果我发现其实没必要怎么搞,只写js的话tsc就够用了。

引入vue以后才需要webpack

执行下面的命令,会监视脚本文件,进行修改之后会重新build

你在tempermonkey脚本管理器中 @require file://使用文件url来引入脚本,这样改动完vscode的代码浏览器一刷新就能看到结果了。

npm run start 

这个powershell脚本把src目录中的userscriptHead和编译好的js文件拼接起来,并复制到剪切板。

因为油猴脚本不允许混淆,比起webpack生成的乱七八糟的代码,还是tsc直接转译的代码更友好一些。

concatSrcipts.ps1

也可以到我的脚本发布页安装

https://greasyfork.org/zh-CN/scripts/428302-hightlight-keywords

使用方法

脚本的作用是高亮关键词。

获取网页的innerHtml.然后使用正则匹配关键词,替换成用em标签进行包裹,并且在em标签的style属性上设置你提供的样式实现高亮

只需要修改脚本中的RuleList,添加你想更改样式的项目即可,

脚本里面默认的是sukebei.nyaa.si这个网站, 如果你添加了新的网站,注意在脚本的头部用@include添加上网址才会生效。

还有一个问题是对那些使用vue,react之类使用ajax动态加载页面内容的类型的网页并没有适配可能并不会生效。

// @include       *://sukebei.nyaa.si/
//...
var RuleList = [
        {
            keyword: '成年コミック',
            // color: 'yellow',
            styleText: 'background:gold;',
            matchUrl: 'sukebei.nyaa.si',
        },
    ];