my blog my blog

Tag: 浏览器
JavaScript操作浏览器Cookie

 

最近在构思一个企业站建设的中英文页面问题,想到双语,我觉得两种方法实现起来比较好,一种是ajax直接把数据调用过来,但是对于有很多个div块儿的像首页这种的页面的话,可能要有几个ajax请求,所以,我觉得还是使用预先在页面的html中填写后通过cookie来控制比较方便。

使用cookie定义一个language的项,使用cn/en来区分语言,在页面的class中添加cn/en作为区分中文英文的标志,这样子,需要中文英文切换的时候,直接调用jQuery就可以方便的搞定了。

  1. $('.cn').hide(); //关闭中文 
  2. $('.en').show(); //开启英文 
  3. $('.en').hide(); //关闭英文 
  4. $('.cn').show(); //开启中文 

默认情况下显示中文,在页面载入完成后对页面进行cookie的判断,判断是否有定义,如果没有定义就不管了,如果有定义language项,那么就通过js控制启用cookie记录的语言。当页面浏览的时候,监视页面的语言选择按钮,这样子,在切换语言的同时将对应的cookie记录下来,并设置一个较为长久的过期时限即可。对于cookie的操作呢,使用js的document.cookie也可,也可以使用轻量级封装的类库jquery.cookie,当然咯,还是类库方便一些,通过api直接查直接用,但是对于cookie的理解还需要知道两点的:

  1. cookie默认是以session为周期的,会话结束,cookie亦失效。 
  2. cookie可以设置过期日期的(常用的记住密码就是用这个实现) 
  3. cookie的删除操作其实就是将cookie的过期日期设置在过去,然后cookie就自动失效删除了 

剩下的就不多说了,直接去https://github.com/nenew/jquery-cookie 拿类库来用吧,要不复杂结构的cookie手动拆析分离太麻烦了。

Stylish,浏览器自定义网页css插件

 

今天奶牛为大家推荐的是这款叫Stylish的浏览器插件,在firefox跟chrome上都有其版本。Stylish的功能呢就是对网页进行自定义css,当然,对于网页编辑不是很了解的朋友可能不知道这东西到底有啥用,不过,奶牛可以为大家展示下自己的新浪微博的界面,大家就会有所了解了。新浪微博现在有很多广告啊,什么签到啊等讨厌的模块,通过自定义css我们可以让这一切都变得很清爽。

如图:

定义新浪微博css

还不错吧,这个就是用Stylish做到的。其实这要针对模块的id或者class做隐藏,那些讨厌的广告就都不会显示出来了。

点此下载Stylish(firefox)

点此下载Stylish(chrome)

安装方法:下载后解压缩zip包,把zip包内的插件直接拖到相应浏览器地址栏即可安装

IETab2,让你不用切换浏览器也能用IE

 

呃,各种用网银的盆友们,是不是firefox不能用网银啊,是不是chrome不能用网银啊,呃,对于win用户切换到ie就可以搞定了,呃,也或许呢,你讨厌在win下把浏览器换来换去,这种时候用IETab2就方便很多了,至少你不用为了正常浏览某些页面而特别去打开IE,只要用IETab2帮你新建一个浏览即可。

IETab2插件安装也很简单,直接将插件拖入到chrome或者firefox的地址栏就可以了,剩下的,就是在需要访问的页面右键单击即可完成。奶牛测试过工行的网银了,使用一切正常。

IETab2现阶段貌似不能用在Linux或者Mac上,但是,应该是可以通过直接设置外部浏览器来链接到wine的IE上,呃,木有测试,有空奶牛去测试下,嘿嘿,最近懒惰了~~~

点此下载IETab2(Firefox&Chrome的插件包都有)

Firefox8正式版更新下载

 

昨天就看新闻说Firefox8的正式版已经放出,但是奶牛通过firefox的release的更新没有更新到,估计是release的更新比较慢一些,今天看更新已经可以更新到新版本了。

新版本主要是对非官方的插件有了限制,让自由选择是否启用。还有一个小点就是收藏的那里,如果网页没有favicon的话会多一个小框框,呃,其它的变化暂时没有发现。

最新版本下载:

语言
版本
Windows
Linux
MacOS
简体中文
8.0
繁体中文
8.0

 

火狐插件推荐>>Pearl Crescent Page Saver Basic<<将网页保存为图片

 

今天为大家推荐一款火狐浏览器上很好用的网页保存插件Pearl Crescent Page Saver Basic,跟我们传统的保存不同,Pearl Crescent Page Saver Basic是将网页完整的保存为图片,功能很实用。我们甚至可以用此功能剪切下来的图片合成PDF文档来方便观看。

插件安装很简单,下载Pearl Crescent Page Saver Basic的插件,然后直接从桌面拖到firefox的地址栏即可自动识别并开始安装。

Pearl Crescent Page Saver Basic下载:点此下载Pearl Crescent Page Saver Basic

firefox5.0 beta2发布,chrome13还在实验室里

 

最近浏览器那边儿火狐跟chrome都有新动态,firefox5.0 beta2也发布了,在最新更新里面firefox6.0a也出来了。更新内容如下:

  • 增加对 CSS 动画的支持
  • 提升了 "do not track" 的可视效果,该功能位于隐私tab中。
  • 提升了 Canvas、Javascript、内存 以及网络性能
  • 对 Linux 用户该版本提升了跟桌面环境的集成。

chrome13也出现了,而且打出了旗号是没有地址栏的浏览器,很值得期待啊,现在的浏览器越来越概念化了,用户体验的提升让人比较喜欢丫。在Chrome 13的开发版本中,地址栏可以被隐藏,仅显示标签栏、菜单按钮和页面内容部分,前进、后退按钮也都与放到了标签栏中,在窗口最左侧。

给出两个下载地址,感兴趣滴朋友自测哈:

火狐更新地址:

http://www.mozilla.com/zh-CN/firefox/channel/

http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-trunk/

chrome更新地址:

http://www.google.com/chrome/eula.html

http://dev.chromium.org/getting-involved/dev-channel

WebQQ升级3.0,ubuntu等linux系统可QQ视频通话语音聊天

 

超大好消息一条,不必再去 wine 来安装QQ了,webQQ将让linux下QQ视频聊天成为可能。

今天奶牛收到蜗牛的消息,说webQQ可以视频聊天了,马上测试之,在webQQ下,现在已经可以正常跟win系统下的好友视频聊天了,对方只需要按照提示安装一个插件即可,省去负责的配置。windows下的视频虽然正常,但是linux下仍旧存在问题。奶牛测试发现,ubuntu等linux系统下是通过flash来实现对视频设备的调用的,但是奶牛的kubuntu 10.10+firefox的测试环境下,flash的视频功能却不能正常工作。通过flash的设置可将视频语音设备设置为许可范围,但是还是无法正常使用。

不过截至发稿前,至少我们已经成功的从ubuntu下看到了windows下的好友了,webQQ将为国人使用ubuntu 11.04等linux系统提供更大的便利。

吼吼,webQQ加油哦,看好你哦~~~

webQQ地址:

http://web.qq.com

http://web2.qq.com

http://web3.qq.com

最新报道:经过奶牛与bigcow的测试:

ubuntu10.10+firefox与windows双向视频通话正常

ubuntu10.10+chromium与windows双向视频通话正常

Firefox 4正式版更新下载

 

Firefox 4正式版已经发布,奶牛测试效果很不错,win7下磨砂效果很漂亮,而且对于速度也有很大的提升,插件的兼容上也比较让人满意,只有部分插件不兼容。正式版会更新在这里:

ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/4.0/win32/zh-CN/

下载地址:ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/4.0/win32/zh-CN/Firefox%20Setup%204.0.exe 用迅雷已经可以下载到了。

Linux版本下载地址:

ftp://ftp.mozilla.org/pub/mozilla.org/firefox/releases/4.0/linux-x86_64/zh-CN/firefox-4.0.tar.bz2

防҆和҆谐҆,҆奶҆牛҆有҆妙҆招,用用打码字体吧

 

说到GFW,墙内的很多朋友都是痛心疾首啊,作为一个国家,适当的限时是有必要的,但是过分的限时反而会适得其反,让我们这些兲朝子民出去的欲望更强烈。作为一个bloger,奶牛也灰常厌恶GFW,因为一旦被它盯上,后果也是不堪设想的。所以,今天来放个比较可行的方法,给咱们的关键字加个码。

加码?对,给咱们的关键字加个马赛克。

比如  我们输入   翻҉墙

大家仔细观察下是不是字上多了些黑点儿?对,这就是我们想要的效果,菊花文。奶牛也是今天在twitter上看到一哥们儿这样子打字,然后蛮好奇的,百科下,结果百度自己的百科给的方法还蛮详细滴,奶牛直接拿来,跟各位分享下。

其实方法很简单,打开一个浏览器,在地址栏输入如下代码

javascript:var s="菊花文";var s2="";var i=0;while(i<s.length){s2 += String.fromCharCode(1161)+ s.charAt(i);i++;};alert(s2);void(0)

看看是不是有   菊҉花҉文   了。

其实还有其它的形式哦

javascript:var s="上下都有边框";var s2="";var i=0;while(i<s.length){s2 += String.fromCharCode(773,818)+ s.charAt(i);i++;};alert(s2);void(0)

会有    上̲̅下̲̅都̲̅有̲̅边̲̅框   的形式出现

吼吼,看看上面的代码大家应该多少也明白些了吧,改改其中的数字,效果就会变化,那就去打造属于你自己的打码字体吧~~~~

 

介绍个firefox浏览器用的SEO查询工具

做站的朋友很多都很关心自己的站的PR啦,Alexa排名啦,收录情况啦这些信息,奶牛也不例外,刚有查询了一下,Alexa已经是190,090啦,哈哈,感觉奶牛Alexa的排名上升的还蛮快滴~~~

呃,不说废话了,先上个firefox的插件,searchstatus。这个工具安装完成后会在右下角有显示条,默认的只显示PR跟Alexa排名,不过还是可以通过设置添加的,而这个工具的查询功能也很强大,上图亲们自己看咯~~~

searchstatus firefox seo

插件的下载地址:点此下载