chrome扩展出来了,你还会用chrome吗

chrome刚出来的时候,一下就被chrome简洁的界面吸引了,启动也很快速,就连我当时主要使用的maxthon也弄了个防chrome的皮肤(我现在基本不用maxthon了,改用firefox了,用了firefox才知道firefox的强大,虽说启动稍慢,但只要你的电脑cpu强点,启动还是可以接受的)。吸引归吸引,但真正用chrome浏览网页还是很少的,没有鼠标手势,我怎么都用不习惯,虽说后来发现了strokeit(一个超强的鼠标手势软件,可以用在任何程序中),但也很少使用。用上firefox后就期待chrome也能有那么强大的扩展,现在,chrome的扩展终于来了。

万众期待的chrome扩展功能放出来一段时间了,把chrome的扩展中心翻了个底朝天,也没有发现一个称心如意的扩展,要不就是功能很弱,要不就是实现的不完美,跟firefox里面的扩展功能比起来,天壤之别。也许只是刚刚起步的原因吧,这些都可以理解。但今天打开chrome,无意中打开进程管理器,一看吓我一跳,chrome进程居然多达八九个之多,虽说每个进程占用内存不是很多,但也达到了十几兆啊,网上查了一下,原来是chrome的每个扩展都会开启一个进程,哪怕是一个很简单很简单的扩展,也会占用十几兆内存,如果仅仅安装几个扩展占用内存也无所谓了,但如果安装了几十个扩展(像我的firefox就装了几十个扩展了),想一想光扩展就会占到几百兆的内存,再开七八个tab,这样算起来太恐怖了,就算现在内存大,但也不是这样使用的。而且chrome开的时间长了,会越来越慢,不过浏览器开久了,确实应该重启一下再打开,任何浏览器都有这个毛病。

多进程使chrome扩展的安装和卸载不用重启,也避免了扩展影响chrome的主进程,但这个内存占用问题确实该解决一下了。所以目前还不打算折腾chrome,还是用我的功能强大的firefox。

google首页的动态菜单代码

有待完善,写的比较丑陋!代码如下:

XML/HTML代码
  1. <style type="text/css">
  2. #nav{padding:0px; margin:0px; list-style:none;}
  3. #nav li{font-size:12px; cursor:pointer; padding-top:37px; width:52px; text-align:center; float:left; background: url(http://www.junstyle.com.cn/upload/200906012008252720.png) no-repeat 0px 0px;}
  4. #nav li div{background:#fff; padding-top:3px;}
  5. </style>
  6. <ul id="nav">
  7. <li style="background-position: 0px 0px"><div>视频</div></li>
  8. <li style="background-position: 0px -37px"><div>图片</div></li>
  9. <li style="background-position: 0px -74px"><div>资讯</div></li>
  10. <li style="background-position: 0px -111px"><div>地图</div></li>
  11. <li style="background-position: 0px -148px"><div>博客搜索</div></li>
  12. <li style="background-position: 0px -185px"><div>热榜</div></li>
  13. <li style="background-position: 0px -222px"><div>网站导航</div></li>
  14. </ul>
  15. <script>
  16. var timers=[];
  17. var posX=[0, -50, -102, -155, -207];
  18. var posY=[0, -37, -74, -111, -148, -185, -222];
  19. function init(){
  20. var nav = document.getElementById('nav').getElementsByTagName('li');
  21. for(var i=0; i<nav.length; i++){
  22. nav[i].i=i;
  23. nav[i].onmouseover=function(){
  24. var obj=this;
  25. obj.index=0; &nbs
    p;
  26. clearInterval(timers[obj.i]);
  27. timers[obj.i]=setInterval(function(){
  28. if(obj.index==4)
  29. clearInterval(timers[obj.i]);
  30. else
  31. obj.index=obj.index+1;
  32. obj.style.background="url(http://www.junstyle.com.cn/upload/200906012008252720.png) no-repeat "+posX[obj.index]+"px "+posY[obj.i]+"px";
  33. }, 60);
  34. };
  35. nav[i].onmouseout=function(){
  36. var obj=this;
  37. obj.index=4;
  38. clearInterval(timers[obj.i]);
  39. timers[obj.i]=setInterval(function(){
  40. if(obj.index==0)
  41. clearInterval(timers[obj.i]);
  42. else
  43. obj.index=obj.index-1;
  44. obj.style.background="url(http://www.junstyle.com.cn/upload/200906012008252720.png) no-repeat "+posX[obj.index]+"px "+posY[obj.i]+"px";
  45. }, 60);
  46. };
  47. }
  48. }
  49. init();
  50. </script>