私人定制浏览器主页

  作为一个web开发者,虽然,我的电脑上安装了好几个主流浏览器,但我最喜欢Chrome——相信Chrome的fans不少,他简洁,高效,而且Chrome已经在全球使用人数排行第二。

  对比360浏览器,Chrome有一点不足的地方就是,空白主页不够强大,只是显示最近访问的几个网站,是一个动态的列表,并不能将我喜欢的网址锁定,而这正是我需要的。也许,你将导航类网站设置为浏览器主页,但为了最大化缩短浏览器启动时间,我没这么做。因此,我的私人订制主页就诞生了。需要说明的是,私人订制主页是针对Chrome浏览器空白主页的不足而开发的,所以,不保证兼容其他浏览器。

效果演示:

http://jebysun.com/demo/BrowserIndex/

源码下载:

http://pan.baidu.com/s/1eQGcxMy

相关框架:

  • jQuery,这个不解释。
  • jQuery-UI,jQuery官方的一套UI库,当然也依赖jQuery,这里用到了其中的Sortable,用于拖动div实现调换位置。
  • jBox,基于jQuery的弹出框,用div优雅高效地实现模态窗口,工具提示(又叫气球帮助),通知等。
  • noty,jQuery的通知提示消息插件。
  • font-awesome,为 Twitter Bootstrap 设计的图标字体,通过Web Font的方式来显示一些图标,好处是图标可以被任意缩放、改变颜色,你需要做的只是像修改文字样式那样修改图标样式。

  最后说明,数据保存采用的localStorage。

PS:

  忘记说明我是怎么使用这个私人定制主页的了,虽然你可以把它上传到你的网络空间上,然后设置浏览器的主页,但并不推荐这么做,主要的原因是当你清除浏览器缓存后,这个私人订制主页的数据也会同时被清除(这个问题我尝试过解决,只是没能解决,如果你知道解决办法,求告知,非常感谢!),鉴于此,如果你有意将私人订制作为你的浏览器主页,我推荐你把它保存到你的计算机硬盘的某个地方,然后设置浏览器的主页为该私人订制网页在你本地硬盘上的路径(例如,我的浏览器主页地址file:///C:/Users/JebySun/AppData/Local/Google/Chrome/MyChromeHome/index.html),这样做后,你清除浏览器缓存,你会发现你的私人订制主页数据不会被清除(感觉有点神奇,这就是说,本地网页存储的数据不会随着清除浏览器缓存操作被清除,这个现象是我在尝试解决上面提到的问题时无意间发现的,是意外的收获吧,虽然,不明白怎么回事,但是不管怎么样,这正是我想要的结果。)。 

原文地址:https://www.cnblogs.com/jebysun/p/3737752.html