文档章节

一个chrome小插件【快递100本地历史查询】

多彩泰坦
 多彩泰坦
发布于 2015/02/04 17:16
字数 684
阅读 184
收藏 1

快递100查询快递很好用,但是每次查还得再输一次号码,实在麻烦,想用历史记录,结果要注册,而且注册里还有要用手机号来注册的。。
对于这么一个不是特别重要的第三方网站来说,我是实在不愿意把手机号或者邮箱这么隐私的东西随便交给一个不知道会把你的信息怎么样的网站,但是又确实挺想用历史查询这个功能,谁让我懒呢。。
所以想了想,可以用chrome的插件做个这样的功能出来嘛,既方便又不用注册,一举两得。
因为css神马的不是很会,连抄带找的做了个这样的界面

做这个插件我觉得就是个思路,有了思路就好办了
很明显,我想要的就是一个历史记录,既然网页上没有,那就自己用div画一个出来,然后fixed住,用body.appendChild(div)到页面中来;


然后就是每次查询完后要将查询的订单号记录下来,localStorage是个很不错的存储位置,我需要的就是对存到localStorage做个标记,标记出哪些是我的数据,所以我给所有这些key加了billno的前缀;


取的时候通过正则/^billno/.test(localStorage的key)找出我的数据,然后列在前面画出来的div里就好了;


有了数据之后就是给这些数据增加一个click的事件,点了之后先把要查询的订单号放到图中那个大大的查询框中,再用dom点一下那个查询的button;


既然有增加就有删除了,所以每条记录后面有一个清除的链接,点击之后会对当前这个dom所在的div做一个remove的动作,接着会删除localStorage中对应的记录;


思路差不多就是上面这些,当然在写的时候还是会遇到各种各样的小问题,不过google以后都解决了;


源码地址:https://github.com/github20120522/historyBillNo

打包好的插件

百度网盘:http://pan.baidu.com/s/1dDmzrCd

在chrome扩展程序中,点开开发者模式,然后把插件拖进去就好了,新版的chrome对非商店扩展有限制,可以把下载下来的插件后缀名改为zip,进行解压,加载正在开发的扩展程序


© 著作权归作者所有

多彩泰坦
粉丝 0
博文 1
码字总数 684
作品 0
郑州
私信 提问
《Saladict》谷歌!有道!我全都要! 聚合词典, 并行翻译

"多吃蔬菜水果", 或许不是健康饮食的最佳答案, 我们也可以试试沙拉🥗! 沙拉查词,可以向传统的词典插件一样,在网页上实现划词翻译~ 沙拉查词的强大之处在于,它聚合了众多词典的在线翻译功能...

木子昭
05/03
0
0
新版 Chrome 十大功能

随着Chrome Beta分支面向全平台再次更新,也给我们带来了更多令人惊奇的新功能和新技巧,如果你已经升级到Chrome Beta分支的最新版5.0.375.29,那么你不妨尝试一下以下10个操作,也许会让你发...

曾赛
2010/05/08
1K
0
[译]Web设计者和开发者必备的28个Chrome插件

摘要 对于许多Web设计者和开发者来说,Firefox浏览器是无法超越的,对于其他人Chrome正在蚕食Firefox的浏览器市场。 在过去的两年,谷歌Chrome浏览器的发布以来,引起了人们激烈争论究竟哪个...

长平狐
2012/06/11
168
0
【教程】CRX格式插件不能离线安装?本地扩展CRX无法安装怎么办?

最近有很多用户反映有一些Chrome插件在离线安装的时候,根据本站的教程:离线安装CRX格式chrome插件的方法。无法正常完成安装,提示“只能通过Chrome网上应用商店安装该程序”,小编为了了解...

CS青雀
02/21
0
0
来自Chrome实验室的跨平台记事本Text

Text与普通的Chrome插件不同, 它是一个App, 安装Text后在Chrome地址栏键入即可找到(普通插件的查看方法是, 在地址栏键入) 打开本地代码并高亮显示 自由切换编辑器主题 浮动于所有窗口上方 新...

木子昭
03/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Rust:最小化窗口后 CPU占用率高 (winit,glutin,imgui-rust)

最近试着用 imgui-rust 绘制界面,发现窗口最小化后CPU占用会增大。 查询的资料如下: https://github.com/rust-windowing/winit/issues/783 https://github.com/ocornut/imgui/issues/1151 ...

reter
15分钟前
4
0
cloud-zuul路由网关

九、zuul路由网关 概述 1.1 能干嘛 路由、过滤 路由基本配置 路由访问映射规则 十、springCloud config分布式配置中心

榴莲黑芝麻糊
16分钟前
5
0
Circuit Breaker模式

Circuit Breaker模式会处理一些需要一定时间来重连远程服务和远端资源的错误。该模式可以提高一个应用的稳定性和弹性。 问题 在类似于云的分布式环境中,当一个应用需要执行一些访问远程资源...

mskk
28分钟前
7
0
写论文之前的准备都有哪些?干货来了!

原文链接:https://www.lwfdy.com/archives/144.html 之前跟大家谈了许多有关于初稿修改以及写作事项需要注意的问题,那么今天我们来说一说,在写之前,我们需要做哪些准备呢,为了做到下笔如...

辅导员
35分钟前
5
0
idea快捷键

Alt + Enter 引入类 Ctrl + O 查看我们继承的类或者接口中的方法,以及我们要实现的方法 Ctrl + Alt + b 查看接口实现类中方法(就是我们使用接口编程时,在调用实现类方法处直接Ctrl+鼠标左...

行者终成事
43分钟前
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部