hightlight-keywords-nyaa

mudssky
2021-06-22T03:49:52Z

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

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',
        },
    ];