思明，技术宅男SEO之路 QQ:176089710
【SEO插件】在百度搜索结果中显示SEO数据
本帖最后由 思明 于 2015-5-8 14:09 编辑
研究了一下Google浏览器的插件开发，实现了一个小插件 siming-seotool.crx
该插件的主要功能是在百度的每条搜索结果下方额外增加一些SEO信息
该插件可以在google浏览器和360浏览器中使用，只要把插件文件拉到浏览器的扩展页面即可安装．
插件可以在本帖附件中下载
开此帖不是要说这个插件有多好用，而是因为在写这件插件的过程中，发现原来开发google浏览器插件并不需要用到多高深的语言
只需要懂得Html和JS即可开发出一些SEO的辅助工具出来．
插件的文件名是 siming-seotool.crx ，只要把 扩展名 改成 .zip ,然后解压出来就可以得到所有的源代码，不用担心后门什么的，
更重要的是，你可以在此基础上二次开发，定制自己的插件．
解压后文件有：
js.js 注入到前端页面执行的js文件，主要通过这个文件改写百度的页面
background.js 后台运行的js文件，通过这个文件来监听浏览器的事件，判断是否是百度的页面，是否页面刷新，以控件是否执行js.js
icon-seo-2.png 插件关闭时显示在浏览器上的图标
icon-seo.png 插件打开时显示在浏览器上的图标 , 点击图标切换打开与关闭状态
style.css 注入到前端页面的css样式
manifest.json 插件配置文件，主要是配置插件的权限和在哪些页面执行
jquery.min.js js辅助类库
开发文档：
http://chrome.liuyixi.com/overview.html
PS：
工欲善其事必先利其器，不管是Python还是其它的技术，我们多了解或学习一些东西，就能多一些可能，这些工具可以帮助我们更好的做事
这个工具我没有长期维护的打算，放出来给大家一个参考．如果大家有什么想法可以加我ＱＱ
论坛不能上传 .crx 文件，我又打包了一下，下载后请解压一下．
针对安装的一些问题做一下统一的解答：
Google chrome 安装方法：
1. 谷歌浏览器地址栏输入：chrome://extensions/
2. 把插件拖进页面，即可安装
360安全浏览器的安装方法：
1. 打开360浏览器
2. 把插件拖进页面，即可安装
提示不能安装第三方扩展的解决办法：
1、高版本的google浏览器默认禁用掉了安装第三方扩展的权限，解决办法参考
由于windows平台高版本禁用了第三方扩展，所以只能以开发者模式部属，请自行百度搜解决方案。
安装后的问题：
a) 插件的启用与禁用
安装后会在右上角出现这样的图标，点击这个图标，如果是蓝色就是开启，再点一下会变成灰色，则是关闭．
b) 插件装了没有反应
当前版本只针对百度的搜索结果，其它搜索引擎无法使用．https://www.baidu.com 无法使用
由于百度的搜索结果有使用ajax，有可能造成页面数据晚于插件运行时间，这时可以重新刷新一下界面来获取结果．
更新记录：
2014-11-4: 在显示的数据上增加了链接，点击数据，可以跳到相应的页面． 感谢 邻村小五 的建议．
2015-5-8：修正了百度权重图片，增加了开放平台的判断
|
评分
-
查看全部评分
发表于 2014-11-3 11:41:39
|只看大图
|
