zoukankan      html  css  js  c++  java
  • 私人定制浏览器主页

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

  • 相关阅读:
    CMD 下运行python的unittest测试脚本无输出
    Python2 HTMLTestRunner自动化测试报告美化
    Python3 HTMLTestRunner自动化测试报告美化
    Python+Selenium练习篇之5-利用partial link text定位元素
    Python+Selenium练习篇之6-利用class name定位元素
    Python+Selenium练习篇之3-利用tag name定位元素
    Python+Selenium练习篇之4-利用link text定位元素
    Python+Selenium练习篇之2-利用ID定位元素
    Python+Selenium练习篇之1-摘取网页上全部邮箱
    Python+Selenium基础篇之5-第一个完整的自动化测试脚本
  • 原文地址:https://www.cnblogs.com/jebysun/p/3737752.html
Copyright © 2011-2022 走看看