浏览器插件，高亮显示网页中的关键词

最新推荐文章于 2024-08-30 09:35:31 发布
最新推荐文章于 2024-08-30 09:35:31 发布
阅读量1.6k 收藏 1
点赞数 2
文章标签： 全文检索 中文分词
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_19267863/article/details/136194443
版权
本文介绍了解决工作中频繁查找网页关键词问题的两款插件，HighlightThis和Highlighty，特别强调了HighlightThis在Edge浏览器中的便捷安装和使用，以及修改规则后的刷新操作。
摘要由CSDN通过智能技术生成

最近工作中需要经常检查网页中的关键词，而且关键词是固定的几个词。一篇文章中去找这些关键词，就像大海捞针一样，时间长了难免会视疲劳，导致错检、漏检。

于是发现了一个神仙插件：Highlight This: finds and marks words（Edge浏览器中直接搜索就可以安装了）

使用起来也很简单

tips：修改规则后，要刷新页面，才能取消之前关键词的高亮显示

还有一款插件 Highlighty: Search, Find, Multi-Highlight 需自行测试。

Cola..
关注
html5高亮关键字,jquery.mark-强大的jQuery关键字文本高亮插件
weixin_30015509的博客
06-22 874
jquery.mark是一款功能强大的jQuery关键字文本高亮插件。它支持变音符号，同义词，自定义元素，自定义class名称，单词边界和iframe。它可以通过搜索的方式来高亮所有的指定关键字。安装可以通过bower来安装该插件。$ bower install jquery.mark --save-dev使用方法使用该文本高亮插件需要在页面中引入jquery和jquery.mark.min.js...
chrome 高亮 多个关键字 插件
11-22
chrome 高亮 多个关键字 插件
Chrome浏览器扩展： Highlighter 使用指南
最新发布
gitblog_00245的博客
08-30 422
Chrome浏览器扩展： Highlighter 使用指南 highlighterA Chrome extension to highlight text and keep it all saved项目地址:https://gitcode.com/gh_mirrors/hig/highlighter 项目介绍 Highlighter 是一款专为Chrome设计的文本高亮插件，它允许用户通过简单的...
推荐一款极简文本高亮工具：Super Simple Highlighter
gitblog_00077的博客
06-16 478
推荐一款极简文本高亮工具：Super Simple Highlighter super-simple-highlighterA chrome extension which highlights text on a web page, and attempts to restore it on returning项目地址:https://gitcode.com/gh_mirrors/su/sup...
高亮搜索关键字「Highlight Search Keywords」-crx插件
03-21
突出显示您在Google中搜索的关键字 由于Chrome扩展程序采用新政策，因此请再次启用该扩展程序。请单击图标->这可以读取更改站点数据->在所有站点（推荐）或您当前所在的站点上。扩展程序，突出显示您在Google上搜索的关键字。按F5删除突出显示。 支持语言:English
Firefox 关键词高亮插件的简单实现
@zhujj_的博客
04-03 1812
遍历构造的数组中的内容，如果当前值等于关键词，那么构造一个强调标签 Strong 将关键词作为 innerText，并添加指定的样式和样式类名，然后加入到当前所遍历的节点之前；如果有纯文本节点，并且该纯文本节点中的内容包含了关键词，那么构造出一个数组，使用该数组来区分非关键词内容和关键词内容，以及他们之间的位置关系。遍历每一个节点，取出节点的类型-->nodeType 和节点的文本内容 -->content。如果是纯文本节点，则该节点的 nodeType 为3，如果是元素节点，则为 1。
关键词高亮显示浏览器 Edge 插件开发 & 源码
xchenhao 的博客
05-05 1624
关键词高亮显示浏览器 Edge/Chrome 插件开发 & 源码
巧妙运用Maxthon浏览器的"高亮关键字"功能 为你的BLOG添光彩
天行健 ● 君子以自强不息
04-11 2382
平时写（或转载）BLOG文章时，常常想给文章中一些关键词或句子添加些色彩，显得文章更有看头。   常用的做法就是，每个（段）文字挨个更换字体颜色和背景，再或者是用Word进行处理，超级麻烦。    现在，我利用Maxthon浏览器自带的“高亮关键字”功能，让文章自动焕发青春的色彩，简便而高效。具体做法如下：    在Maxthon浏览器中显示你正在编辑的页面（提
实现全网页高亮关键词（一）
KOBE24forever的博客
11-17 958
全网页高亮关键词，遍历得到文本节点。替换节点内容
浏览器 Json 格式化 高亮显示插件
08-28
因此，为了提高工作效率，开发者经常需要借助浏览器插件对JSON数据进行格式化和高亮显示。本文将详细介绍两款备受推荐的浏览器插件：JSON-Handle和JSONView。 1. JSON-Handle： JSON-Handle是一款高效且用户友好的...
搜索关键词高亮插件
06-01
用户通过此插件可以在页面中搜索关键词并高亮显示
页面关键词「Page Keywords」-crx插件
03-24
获取您网页上所有关键字的信息及其数量 使用此Awesome扩展程序可获取所有页面关键字及其数量 支持语言:English
JQuery 关键字高亮插件
05-27
NULL 博文链接：https://nakupanda.iteye.com/blog/602882
高亮显示关键字 -- js插件
04-02
高亮显示关键字。 因为在网上搜到的类似插件，觉得不是太完美，或者说是不太符合自己想要的要求，于是自己写的一个高亮显示关键字插件，感觉还可以
html查询结果高亮插件
09-20
HTML查询结果高亮插件是一种用于在网页中突出显示关键词或短语的JavaScript库，它使得用户能够快速识别和定位他们在网页中搜索的信息。这种插件对于数据分析、代码搜索、文档阅读等场景非常有用，因为它提高了用户...
网页关键字自动高亮，网页高亮批注，保存网页为单文件--浏览器拓展
qq_36290227的博客
12-04 1938
网页关键字自动高亮，网页高亮批注，保存网页为单文件--浏览器拓展关键字自动高亮解决方案问题描述解决方案安装关键词设置使用示例高亮批注解决方案问题描述解决方案安装使用网页另存为单文件问题描述解决方案安装使用 在阅读英文网页或者中文网页时，有时候因为文字排版太密集了，难以一眼找到自己需要关注的一些关键字；在 IEEE 在线阅读时，一下子找不到关注的重点；需要高亮一段文字又要怎么办；高亮了需要保存网页为一个单文件又该怎么办？其实通过下面几个浏览器拓展就可以轻松解决这些问题，感兴趣的话继续看下去吧。????
【浏览器插件】Dualsub.zip
08-15
- 多样的字幕样式选择，包括位置调整、字体描边、关键词高亮。 支持的网站包括： - YouTube - Netflix - Disney Plus - 以及其他20多个网站 更多详情，请访问官网：[Dualsub](https://www.dualsub.xyz/)。
高亮网页中的关键字
weixin_30436891的博客
11-12 129
鄙人最近从事定制IE的开发,网页查找功能算个不小的功能点,当然你可以方便地显示浏览器自带的查找窗口,但是那与自己定制的浏览器就有点不和谐了.我一直用奇虎公司的360安全浏览器,很喜欢它的查找风格:显示一个工具栏,提供查找和高亮关键字的功能,尤其是高亮关键字的功能,鄙人觉得那是相当的实用.于是鄙人下决心也要实现那样的功能.网上无示例,唯有MSDN. 遍历网页元素,一般用树模型,用树模型遍历网页元素...
vue实现仿浏览器搜索功能 高亮显示关键词
06-09
要实现仿浏览器搜索功能并且高亮显示关键词，可以使用 Vue.js 中的计算属性和 v-html 指令来实现。 首先，在你的组件中定义一个计算属性，用于根据输入框中的值过滤列表数据并且高亮显示匹配的关键词，例如： ``` <template> <div> <input type="text" v-model="searchText" placeholder="Search..."> <ul> <li v-for="item in filteredList" :key="item.id" v-html="highlight(item.text)"></li> </ul> </div> </template> <script> export default { data() { return { list: [ { id: 1, text: 'apple' }, { id: 2, text: 'banana' }, { id: 3, text: 'orange' }, { id: 4, text: 'pear' } ], searchText: '' } }, computed: { filteredList() { return this.list.filter(item => { return item.text.toLowerCase().includes(this.searchText.toLowerCase()) }) } }, methods: { highlight(text) { if (!this.searchText) { return text } const regex = new RegExp(this.searchText, 'gi') return text.replace(regex, '<span class="highlight">$&</span>') } } } </script> ``` 在 highlight 方法中，首先判断搜索框中是否有值，如果没有值，则直接返回原始的文本。如果有值，则使用正则表达式将匹配的关键词用 span 标签包裹起来，并添加一个 highlight 类名，用于设置样式。 最后，在 CSS 中设置 highlight 类名的样式，例如： ``` .highlight { background-color: yellow; font-weight: bold; } ``` 这样就可以实现仿浏览器搜索功能并且高亮显示关键词了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值