chrome 插件 抓取网页qq聊天记录(让Google搜索中的关键字变成红色高亮这个功能(组图))

　　chrome 插件 抓取网页qq聊天记录(让Google搜索中的关键字变成红色高亮这个功能(组图))

　　使 Google 搜索中的关键字以红色突出显示

　　这个功能我想了很久，但是谷歌应用商店可以找到的高亮搜索关键词插件不能完全满足我的要求。

　　例如，这个名为 word highlight 的插件似乎是一个不错的选择。

　　

　　但是它给关键字中的每个单词添加了不同的背景颜色，这确实有点难看。

　　

　　为了实现我之前说的，并且有和中文搜索一样的体验，我开始改造它。

　　和之前一样，把它的地址复制到磁盘上，在资源浏览器中找到这个插件的源文件。

　　

　　打开一看，里面的文件还挺多的，有点启动不了。

　　

　　但实际上，找到关键点并没有那么难。因为显示相关的无非是CSS，另外就是看JavaScript中CSS颜色设置相关的代码。您可以通过搜索“颜色”找到相关代码。

　　不过我还是先试试看能不能突破css文件。如果它不起作用，我将尝试 JavaScript 代码。

　　于是查看页面代码，为需要高亮的关键字添加了一些CSS类：

　　

　　于是打开CSS文件夹，在option_page.css中搜索相关类，无果。

　　看来只能在JavaScript代码中找到了。

　　乍一看，你知道 words_highlight.js 应该是实现文本高亮的代码。所以打开它学习。

　　

　　通过在words_highlight.js文件中搜索'color'，发现代码第173行定义了一个收录颜色的数组，使用的是RGB模式下的颜色。

　　

　　然后在代码的第270行找到了设置文字背景和颜色的代码：

　　

　　似乎非常清楚。

　　在谷歌搜索中只搜索中文，目的是获取原生红色值。如下图所示，我们得到谷歌中文使用的颜色是#dd4b39。

　　

　　但是我们得到的是十六进制的颜色值，为了统一代码风格，我们也将其转换为代码中需要的RGB颜色值。随便找一个，最后得到我们需要的RGB为rgb(221,75,57).

　　

　　把原来文字背景设置代码的270行代码删除，然后把颜色设置从原来的黑色改成想要的rgb(221,75,57)。保存关闭文件。

　　

　　现在重启浏览器随便搜索一下，效果就出来了。它看起来很不错。

　　

　　============================ 我是骄傲的分界线================ ========

　　Chrome不再支持从非Chrome应用商店安装插件，启用按钮变灰，“Chrome Web Store中未列出该扩展程序，可能是在您不知情的情况下添加的”，那么如何解决它？

　　下载配置

　　chrome.zip（请将文件扩展名改为adm）

　　用

　　打开组策略编辑器->计算机配置->右键“管理模板”->“添加/删除模板”->重命名上面下载的文件并添加到这里。

　　在Chrome浏览器的扩展管理中打开顶级开发者模式，找到被禁扩展的ID，复制即可。

　　然后打开“管理模板”->经典管理模板(ADM)->谷歌->谷歌浏览器->扩展程序->右侧的“配置扩展白名单”->将未配置更改为已启用->点击选项显示』按钮- > 添加上面的 ID。

　　确认保存，然后在Chrome浏览器扩展中刷新以启用第三方扩展。

　　自定义插件

　　这里介绍一下如果修改Chrome商店下载的插件，因为有些插件不符合我们的需求，我们可以自己定义。

　　首先是通过ID查找插件所在的文件目录。这里推荐EveryThing软件，搜索文件和目录的功能非常强大。您可以通过文件名立即找到它的位置。

　　找到插件后，可以复制出来，然后自己修改。修改好后，打包到扩展程序中，然后把crx文件拖到浏览器中安装，按照上面的方法添加白名单，就可以了。

　　============================ 我是骄傲的分界线================ ========

　　当我们安装第三方Chrome扩展程序时，会出现该扩展程序已损坏的情况

　　

　　这时候我们可以修改打包前的文件夹，去掉下划线

　　

　　然后我们按照上面的步骤在Chrome浏览器中重新打包成crx文件进行安装。

　　参考博客：