私人定制浏览器主页

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

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

效果演示:浏览器

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),这样作后,你清除浏览器缓存,你会发现你的私人订制主页数据不会被清除(感受有点神奇,这就是说,本地网页存储的数据不会随着清除浏览器缓存操做被清除,这个现象是我在尝试解决上面提到的问题时无心间发现的,是意外的收获吧,虽然,不明白怎么回事,可是无论怎么样,这正是我想要的结果。)。 spa

相关文章
相关标签/搜索