高亮关键词,可设置关键词的样式,支持正则匹配,自行修改脚本配置
目前為
// ==UserScript==
// @name highlight-keywords
// @namespace https://github.com/mudssky/highlight-keywords
// @version 0.1.2
// @description 高亮关键词,可设置关键词的样式,支持正则匹配,自行修改脚本配置
// @author mudssky
// @include *://sukebei.nyaa.si/*
// @grant none
// @homepageURL https://github.com/mudssky/highlight-keywords
// @supportURL https://github.com/mudssky/highlight-keywords/issues
// ==/UserScript==
(function() {
'use strict';
var RuleList = [
{
keyword: '成年コミック',
// color: 'yellow',
styleText: 'background:gold;',
matchUrl: 'sukebei.nyaa.si',
},
];
// 筛选匹配当前页面的规则
var matchedRuleList = RuleList.filter(function (rule) {
// 检查是否存在matchUrl选项,如果没有直接报错,默认当作匹配所有网站处理,直接通过过滤
if (!rule.matchUrl) {
console.error('this rule should have a match url');
return rule;
}
// 存在matchUrl选项,则过滤匹配当前页面的rule
if (rule.matchUrl) {
var urlPattern = new RegExp(rule.matchUrl);
if (urlPattern.test(window.location.href)) {
return rule;
}
}
});
// 这个变量存放最后修改后的html
var lastHtml = document.body.innerHTML;
// console.log(matchedRuleList)
// 使用innerhtml 替换的方式,替换关键词为带高亮style的html
for (var i in matchedRuleList) {
// 作为中间变量，每次循环从上次的结果基础上进行。
var currentHtml = lastHtml;
var htmlPattern = new RegExp("(<[^>]+>[^<>]*?)" + matchedRuleList[i].keyword + "([^<>]*?<[^>]+>)", 'g');
lastHtml = currentHtml.replaceAll(htmlPattern, "$1<em style=\"" + matchedRuleList[i].styleText + "\">" + matchedRuleList[i].keyword + "</em>$2");
}
document.body.innerHTML = lastHtml;
})();