自己动手编写一个在线保存百度谷歌搜索关键词历史记录的油猴脚本
标题快捷导航
- 如何通过Web技术实现我们的需求
- 需要的技术栈
- 油猴脚本的编写
- 浏览器扩展的编写
- 后台部分
- 小结
如何通过Web技术实现我们的需求
相信大家只要会一点前端和后端基础的,一看到这个标题就有思路了,So easy!小菜一碟。下面我来说说我的实现方法和思路。
需要的技术栈
要实现这个需求,不外乎前端加后端技术,不过在这里我说一下我实现的技术栈:
- html, css, javascript, jquery, Dom api;
- php, thinkphp;
- mysql;
- JWT;
这里说下为什么要用它,不用它后端就不会知道前端发送的数据来自哪个用户;
油猴脚本的编写
思路:用Jquery 操作dom获取搜索栏关键词,然后发送到后台,经过后台api 接口处理保存到数据库中。在右侧显示最近搜索的历史记录。数据从后台获取。
具体编码请看:油猴酷@百度,谷歌搜索记录在线保存收藏.
问题:百度比较变态,可能是百度的程序员闲得慌。弄了个不刷新页面,后台发送搜索请求。所以我写的代码只在刷新页面时可以获取关键词,另外在点击搜索按钮时也可以获取关键词。但是如果你不按回车,不点按索按钮是获取不到关键词的。这个问题在下节解决。
浏览器扩展的编写
思路:由于油猴脚本不能解决在所有情况下获取百度关键词的问题,所以必须借助于更强大的浏览器插件。这个插件一方面解决在百度后台默默发送请求的时候拦截下来,然后获取关键词并发送到我们的后台。另一方面,可以显示更多历史记录,并有收藏和删除的功能。
实现好的己经发布到chrome应用商店 :保存百度谷歌搜索历史记录(需要翻墙).
后台部分
后台除了提供前端(油猴脚本和浏览器扩展)的 api 外,还有一个用户注册登录页面,登录后有一个用户中心,可以生成 api token。
己经写好的网站:油猴酷.
小结
总之,整个项目历时一个月,终于上线完成了。欢迎大家体验,提出意见,所有功能均免费。如果有兴趣可以自己开发一个。觉得挺有用的。我自己一直在用,感觉还好。
自己动手编写一个在线保存百度谷歌搜索关键词历史记录的油猴脚本相关推荐
- 百度网盘直链下载助手 油猴脚本
百度网盘直链下载助手 https://www.youhou8.com/scripts/max/%E7%99%BE%E5%BA%A6%E7%BD%91%E7%9B%98%E7%9B%B4%E9%93%B ...
- win10百度网盘不限速(百度网盘直接下载助手 +油猴脚本)(2019.3.15更新)
亲测可以使用(操作有些麻烦, 不过可以使用) https://www.iplaysoft.com/baidu-wang-pan-xian-su.html 2019.3.15更新(不是很好用) wind ...
- 动手写一个简单版的谷歌TPU
https://www.toutiao.com/a6701092937394029064/ 谷歌TPU是一个设计良好的矩阵计算加速单元,可以很好的加速神经网络的计算.本系列文章将利用公开的TPU V1 ...
- linux的静态编译elf无法调试,[翻译]自己动手编写一个Linux调试器系列之4 ELF文件格式与DWARF调试格式 by lantie@15PB...
自己动手编写一个Linux调试器系列之4 ELF文件格式与DWARF调试格式 by lantie@15PB 在上一节中,你已经听说了DWARF调试格式,它是程序的调试信息,是一种可以更好理解源码的方式 ...
- Python编写一个简单的百度搜索应用
由于天气因素,无法外出,在家闲来无事,使用Python编写一个简单的百度搜索应用. 功能:打开默认浏览器,使用百度进行搜索 Python:2.7.13 第三方库:pyinstaller(打包软件) 工 ...
- 从零快速编写一个油猴脚本
Tampermonkey,又称 Greasemonkey 油猴脚本,是一款免费的浏览器扩展,可用于管理用户脚本,它本质上是对浏览器接口的二次封装 油猴脚本可用于更改页面布局样式.完成页面自动化.去广告 ...
- 编写你的第一个油猴脚本
油猴简介 Tampermonkey(油猴)是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Fir ...
- 【教程、无技术含量】简单的油猴脚本编写教程
不建议阅读者: 前端大神 想要深入学习(涉及到分析挖掘调用网站中js算法/自己写算法)油猴脚本的读者[备注:楼主也不会,楼主也很绝望啊...] 阅读以下内容所需知识: javascript/jQuer ...
- 油猴脚本——极简化百度知道/经验
油猴脚本--优化百度知道.百度经验 鉴于个人工作需要,编写了此脚本.因为初学JavaScript,所以代码非常简陋.部分复写.请大神们不吝赐教,非常感谢! 我个人认为部分代码可以进行封装处理,以便复用 ...
最新文章
- AngularJS-Basic(一)
- 预言丨AI之后无AI
- 算法竞赛入门经典读书笔记(二)7.1简单枚举
- Error - section 'InterruptVectorLow' can not fit the absolute section. Section 'InterruptVectorLow'
- LVS-DR模式(原理图详解)
- Java Abstract class and Interface
- 马来亚大学 计算机科学 排名,顶级名校,马来亚大学申请解析!
- 有长度要求的区间最大值
- (转)细说JDK动态代理的实现原理
- Noip2013花匠
- java怎么实现读取文件_Java读取文件的简单实现方法
- 宋江是怎么当上老大的
- python爬12306_爬虫12306返回数据怎么解析
- STM32 ISP烧录过程
- 部暑nginx digest auth
- MUI-创建子页面打开新页面
- Unity脚本(四)
- Base Filtering Engine (BFE)服务无法启动
- 基因调控网络及其模型
- 参观又拍网(Yupoo.com)小记