CHROME|FIREFOX|IE浏览器观察

November 6, 2008

Firefox 3.1 nightlies (Shiretoko)推私密浏览模式

Filed under: 火狐观察|About Firefox — CHROME @ 12:58 am

在IE8和Google Chrome都推出了“私密浏览”功能后,Mozilla终于也在Firefox 3.1 nightlies (Shiretoko)上提供了这一功能.

其实说来很简单,“私密浏览”就是不记录任何历史,高速缓存和下载历史,在浏览器关闭后被自动清空,一起来看图:

在工具菜单栏中选择Private Browsing

FireFox将要求确认.

确认后,FireFox将保留现有Session,重新启动以进入这个模式

浏览完以后用同样的方法退出就可以,原有的会话全部被还原,还可以通过about:config中的browser.privatebrowsing.autostart来设置长期使用私密模式.

谷歌浏览器Google Chrome 0.3.155.0

Filed under: 主流浏览器| Leading Web Browsers — Tags: — CHROME @ 12:48 am

Google Chrome浏览器自从发布至今就不断升级,现在又发布最新版了,正在使用该浏览器的用户快升级。Google Chrome浏览器界面简洁美观,将鼠标右键菜单功能都进行了精简,而且采用了JavaScript V8引擎浏览网页的速度也是相当快。而且该浏览器也具备隐私模式,还内置防止网络钓鱼和恶意软件的强大功能,更大程度帮助用户提高上网浏览安全性。

谷歌浏览器的下载管理功能也非常强大,提供了独立的标签页进行管理,任何时候都能快速查询下载文件。此外,Google Chrome浏览器的地址栏功能也是非常强大的,集输入提示以及搜索功能于一体,而且支持中文,所以让国内用户使用起来倍感方便。

立即下载Google Chrome 0.3.155.0 Beta:

用于 Windows Vista/XP SP2

November 3, 2008

Android T-mobile G1评测

Filed under: 谷歌浏览器|Aout Chrome — CHROME @ 9:20 am

October 28, 2008

CSS浏览器(IE6.0、IE7.0 与 FireFox)兼容问题大全

Filed under: 主流浏览器| Leading Web Browsers — CHROME @ 4:55 am

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并
整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加DOCTYPE声名.

CSS技巧

1.div的垂直居中问题

vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行

2. margin加倍的问题

设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;

例如:

<#div id=”imfloat”>

相应的css为

#IamFloat{

float:left;

margin:5px;/*IE下理解为10px*/

display:inline;/*IE下再理解为5px*/}

3.浮动ie产生的双倍距离

#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}

这里细说一下block与inline两个元素:block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);

#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;

4 IE与宽度和高度的问题

IE 不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。这样问题就大了,如果只用宽度和高度,正常的浏览器里这两
个值就不会变,如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。 比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,可以这样:

#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

5.页面的最小宽度

min-width是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把 width当 做最小宽度来使。为了让这一命令在IE上也能用,可以把一个<div> 放到 <body>
标签下,然后为div指定一个类, 然后CSS这样设计:

#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? “600px”: “auto” );}

第一个min-width是正常的;但第2行的width使用了Javascript,这只有IE才认得,这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

6.DIV浮动IE文本产生3象素的bug

左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距.

#box{ float:left; width:800px;}

#left{ float:left; width:50%;}

#right{ width:50%;}

*html #left{ margin-right:-3px; //这句是关键}

<div id=”box”>

<div id=”left”></div>

<div id=”right”></div>

</div>

7.IE捉迷藏的问题

当div应用复杂的时候每个栏中又有一些链接,DIV等这个时候容易发生捉迷藏的问题。 有些内容显示不出来,当鼠标选择这个区域是发现内容确实在页面。 解决办法:对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。

8.float的div闭合;清除浮动;自适应高度;

例如:<#div id=”floatA” ><#div id=”floatB” ><#div id=”NOTfloatC” >这里的NOTfloatC并不希望继续平移,而是希望往下排。(其中floatA、floatB的属性已经设置为float:left;)

这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间加上 < #div class=”clear”>这个div一定要注意位置,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。 并且将clear这种样式定义为为如下即可: .clear{ clear:both;}

作为外部 wrapper 的 div 不要定死高度,为了让高度能自动适应,要在wrapper里面加上overflow:hidden;
当包含float的 box的时候,高度自动适应在IE下无效,这时候应该触发IE的layout私有属性(万恶的IE啊!)用zoom:1;可以做到,这样就达到了兼容。

例如某一个wrapper如下定义:

.colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}

对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如:

<div id=”page”>

<div id=”left”></div>

<div id=”center”></div>

<div id=”right”></div>

</div>

比如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成 float,所以我们应该这样解决

<div id=”page”>

<div id=”bg” style=”float:left;width:100%”>

<div id=”left”></div>

<div id=”center”></div>

<div id=”right”></div>

</div>

</div>

再嵌入一个float left而宽度是100%的DIV解决之

万能float 闭合(非常重要!)

关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup],将以下代码加入Global CSS 中,给需要闭合的div加上 class=”clearfix” 即可,屡试不爽.

/* Clear Fix */

.clearfix:after { content:”.”; display:block; height:0; clear:both; visibility:hidden; }

.clearfix { display:inline-block; }

/* Hide from IE Mac */

.clearfix {display:block;}

/* End hide from IE Mac */

/* end of clearfix */

或者这样设置:.hackbox{ display:table; //将对象作为块元素级的表格显示}

11.高度不适应

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节,特别是当内层对象使用margin 或paddign 时。

例:

#box {background-color:#eee; }

#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }

<div id=”box”>

<p>p对象中的内容</p>

</div>

解决方法:在P对象上下各加2个空的div对象CSS代码:.1{height:0px;overflow:hidden;}或者为DIV加上border属性。

12 .IE6下为什么图片下有空隙产生

解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.

13.如何对齐文本与文本输入框

加上 vertical-align:middle;

<style type=”text/css”>

<!–

input {

width:200px;

height:30px;

border:1px solid red;

vertical-align:middle;

}

–>

</style>

14.web标准中定义id与class有什么区别吗

一. web标准中是不容许重复ID的,比如 div id=”aa” 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他.

二. 属性的优先级问题

ID 的优先级要高于class,看上面的例子

三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.

15. LI中内容超过长度后以省略号显示的方法

此方法适用与IE与OP浏览器

<style type=”text/css”>

<!–

li {

width:200px;

white-space:nowrap;

text-overflow:ellipsis;

-o-text-overflow:ellipsis;

overflow: hidden;

}

–>

</style>

16.为什么web标准中IE无法设置滚动条颜色了

解决办法是将body换成html

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd“>

<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />

<style type=”text/css”>

<!–

html {

scrollbar-face-color:#f6f6f6;

scrollbar-highlight-color:#fff;

scrollbar-shadow-color:#eeeeee;

scrollbar-3dlight-color:#eeeeee;

scrollbar-arrow-color:#000;

scrollbar-track-color:#fff;

scrollbar-darkshadow-color:#fff;

}

–>

</style>

17.为什么无法定义1px左右高度的容器

IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

18.怎么样才能让层显示在FLASH之上呢

解决的办法是给FLASH设置透明

<param name=”wmode” value=”transparent” />

19.怎样使一个层垂直居中于浏览器中

这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二

<style type=”text/css”>

<!–

div {

position:absolute;

top:50%;

lef:50%;

margin:-100px 0 0 -100px;

width:200px;

height:200px;

border:1px solid red;

}

–>

</style>

FF与IE

1. Div居中问题

div设置 margin-left, margin-right 为 auto 时已经居中,IE 不行,IE需要设定body居中,首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。

2.链接(a标签)的边框与背景

a 链接加边框和背景色,需设置 display: block, 同时设置 float: left 保证不换行。参照 menubar, 给 a
和 menubar 设置高度是为了避免底边显示错位, 若不设 height, 可以在 menubar 中插入一个空格。

3.超链接访问过后hover样式就不出现的问题

被点击访问过的超链接样式不在具有hover和active了,很多人应该都遇到过这个问题,解决方法是改变CSS属性的排列顺序: L-V-H-A

Code:

<style type=”text/css”>

<!–

a:link {}

a:visited {}

a:hover {}

a:active {}

–>

</style>

4. 游标手指cursor

cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以

5.UL的padding与margin

ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以先定义 ul{margin:0;padding:0;}就能解决大部分问题

6. FORM标签

这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和
padding,针对上面两个问题,我的css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}给定义死了,所以后
面就不会为这个头疼了.

7. BOX模型解释不一致问题

在FF和IE 中的BOX模型解释不一致导致相差2px解决方法:div{margin:30px!important;margin:28px;}
注意这两个 margin的顺序一定不能写反, important这个属性IE不能识别,但别的浏览器可以识别。所以在IE下其实解释成这样:
div {maring:30px;margin:28px}重复定义的话按照最后一个来执行,所以不可以只写margin:xx
px!important;

#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}

#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}

8.属性选择器(这个不能算是兼容,是隐藏css的一个bug)

p[id]{}div[id]{}

这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用.属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.

9.最狠的手段 - !important;

如果实在没有办法解决一些细节问题,可以用这个方法.FF对于”!important”会自动优先解析,然而IE则会忽略.如下

.tabd1{

background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/

background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */}

值得注意的是,一定要将xxxx !important 这句放置在另一句之上,上面已经提过

10.IE,FF的默认值问题

或许你一直在抱怨为什么要专门为IE和FF写不同的CSS,为什么IE这样让人头疼,然后一边写css,一边咒骂那个可恶的M$IE.其实对于 css的标准支持方面,IE并没有我们想象的那么可恶,关键在于IE和FF的默认值不一样而已,掌握了这个技巧,你会发现写出兼容FF和IE的css并不 是那么困难,或许对于简单的css,你完全可以不用”!important”这个东西了。

我们都知道,浏览器在显示网页的时候,都会根据网页的css样式表来决定如何显示,但是我们在样式表中未必会将所有的元素都进行了具体的描述,当然 也没有必要那么做,所以对于那些没有描述的属性,浏览器将采用内置默认的方式来进行显示,譬如文字,如果你没有在css中指定颜色,那么浏览器将采用黑色 或者系统颜色来显示,div或者其他元素的背景,如果在css中没有被指定,浏览器则将其设置为白色或者透明,等等其他未定义的样式均如此。所以有很多东 西出现FF和IE显示不一样的根本原因在于它们的默认显示不一样,而这个默认样式该如何显示我知道在w3中有没有对应的标准来进行规定,因此对于这点也就 别去怪罪IE了。

11.为什么FF下文本无法撑开容器的高度

标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢?办法就是去掉height设置min-height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义:

{

height:auto!important;

height:200px;

min-height:200px;

}

12.FireFox下如何使连续长字段自动换行

众所周知IE中直接使用 word-wrap:break-word 就可以了, FF中我们使用JS插入&#10;的方法来解决

<style type=”text/css”>

<!–

div {

width:300px;

word-wrap:break-word;

border:1px solid red;

}

–>

</style>

<div id=”ff”>aaaaa</div>

<scrīpt type=”text/javascrīpt”>

/* <![CDATA[ */

function toBreakWord(el, intLen){

var ōbj=document.getElementById(el);

var strContent=obj.innerHTML;

var strTemp="";

while(strContent.length>intLen){

strTemp+=strContent.substr(0,intLen)+"&#10;";

strContent=strContent.substr(intLen,strContent.length);

}

strTemp+="&#10;"+strContent;

obj.innerHTML=strTemp;

}

if(document.getElementById && !document.all) toBreakWord("ff", 37);

/* ]> */

</scrīpt>

13.为什么IE6下容器的宽度和FF解释不同呢

<?xml version="1.0" encoding="gb2312"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<style type="text/css">

<!--

div {

cursor:pointer;

width:200px;

height:200px;

border:10px solid red

}

-->

</style>

<div ōnclick="alert(this.offsetWidth)">让FireFox与IE兼容</div>

问题的差别在于容器的整体宽度有没有将边框(border)的宽度算在其内,这里IE6解释为200PX ,而FF则解释为220PX,那究竟是怎么导致的问题呢?大家把容器顶部的xml去掉就会发现原来问题出在这,顶部的申明触发了IE的qurks
mode,关于qurks mode、 standards mode的相关知识,请参考:http: //www.microsoft.com/china/msdn/library/webservices/asp.net/

ASPNETusStan.mspx?mfr=true

IE6,IE7,FF

IE7.0 出来了,对CSS的支持又有新问题。浏览器多了,网页兼容性更差了,疲于奔命的还是我们
,为解决IE7.0的兼容问题,找来了下面这篇文章:现在我大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!下面是三个浏览器的兼容性收集.

第一种,是CSS HACK的方法

height:20px; /*For Firefox*/

*height:25px; /*For IE7 & IE6*/

_height:20px; /*For IE6*/

注意顺序。

这样也属于CSS HACK,不过没有上面这样简洁。

#example { color: #333; } /* Moz */

* html #example { color: #666; } /* IE6 */

*+html #example { color: #999; } /* IE7 */

第二种,是使用IE专用的条件注释

<!--其他浏览器 -->

<link rel="stylesheet" type="text/css" href="css.css" />

<!--[if IE 7]>

<!– 适合于IE7 –>

<link rel=”stylesheet” type=”text/css” href=”ie7.css” />

<![endif]–>

<!–[if lte IE 6]>

<!– 适合于IE6及一下 –>

<link rel=”stylesheet” type=”text/css” href=”ie.css” />

<![endif]–>

第三种,css filter的办法,以下为经典从国外网站翻译过来的。.

新建一个css样式如下:

#item {

width: 200px;

height: 200px;

background: red;

}

新建一个div,并使用前面定义的css的样式:

<div id=”item”>some text here</div>

在body表现这里加入lang属性,中文为zh:

<body lang=”en”>

现在对div元素再定义一个样式:

*:lang(en) #item{

background:green !important;

}

这样做是为了用!important覆盖原来的css样式,由于:lang选择器ie7.0并不支持,所以对这句话不会有任何作用,于是也达到了ie6.0下同样的效果,但是很不幸地的是,safari同样不支持此属性,所以需要加入以下css样式:

#item:empty {

background: green !important

}

:empty选择器为css3的规范,尽管safari并不支持此规范,但是还是会选择此元素,不管是否此元素存在,现在绿色会现在在除ie各版本以外的浏览器上。

对IE6和FF的兼容可以考虑以前的!important 个人比较喜欢用第一种,简洁,兼容性比较好。

October 9, 2008

如何管理Chrome缓存

Filed under: 主流浏览器| Leading Web Browsers — CHROME @ 1:30 am

也许是为了提高缓存的使用效率,Google Chrome 的缓存和其他浏览器不同,直接在安装目录下的相关文件夹(默认路径:C:Documents and Settings用户名Local SettingsApplication DataGoogleChromeUser DataDefaultCache)看到缓存内容,我们只能看到图1所示的文件名,而不像其他浏览器缓存一样的具体内容。这让不少想查看缓存内容用户带来的不便。


图1 ChromeCacheView

ChromeCacheView 这个由NirSoft推出的小工具可以让你直接查看Chrome的缓存内容,并可利用该小工具快速完成诸多额外操作,如浏览器中打开链接,复制、保存或查找内容,生成缓存报告(Html文件)。

软件启动后自动检测Chrome缓存,完成后将列表显示于主界面(图2)。如果你使用的是Chrome绿色版,也可以自己手动指定Cache目录,执行“File-Select Cache Folder”,接着选择相关目录即可。


图2

October 6, 2008

浏览器大战(Chrome, Firefox, IE, Opera)

你知道有一款新的浏览器在Mozilla Firefox, Internet Explorer 及 Opera之后产生么?当然,你当然知道,那就是谷歌公司开发的CHROME。新的浏览器大战已经开始,谷歌已经加入。

下面仅就FIREFOX及CHROME之间做一些对比。
1. 设计 –> 1 。设计-> 显然,谷歌浏览器比火狐更加简洁。虽然这只是一个非常简单的设计,但是它让你感觉非常的清爽。

2 。高速-> 我个人的体会是谷歌浏览器到的速度比火狐F irefox2快。然而,一些网站还没有支持的谷歌浏览器(CHROME仍处于测试阶段) 。

3 。功能-> 谷歌浏览器胜于F irefox的是其匿名浏览功能。但是另一方面,在Firefox中,你可以下载大量的插件和主题。

4 。智能-> 我要说的CHROME是一个聪明的浏览器。为什么?因为它很方便。你可以试试。地址栏中像谷歌搜索栏一样方便,它知道当你将要搜索的东西或到网站上。此外,它的书签标签也知道何时出现,何时消失。

5 。稳定性-> 当然,火狐仍然较为稳定,因为比CHROME尚在测试阶段。但是,我们会看到这几个月CHROME的变化。

6 。改进-> CHROME没有状态栏,不能让用户知道有多少百分之数据加载。希望谷歌能在新版本发布。



Why don’t you try it out today! Download now

谷歌浏览器CHROME的多国语言设置

Filed under: 谷歌浏览器|Aout Chrome — Tags: — CHROME @ 8:42 am

日常工作学习中,很多的朋友,除了用中文,还会用到英文,那么如何将CHROME的中文切换到英文,或者其它语言呢?

言归正传,Windows Vista 中 Chrome 的应用程序位于:
“C:\Users\用户名\AppData\Local\Google\Chrome\Application\chrome.exe”

其语言文件位于:
“C:\Users\用户名\AppData\Local\Google\Chrome\Application\0.2.152.1\Locales”,其中的 0.2.152.1 是当前的 Chrome 版本号,不同时期有所不同。

Chrome 启动之时会自动检测当前 Windows 系统的区域和语言设置,例如我的 Vista 系统设置为“中国大陆、简体中文”,那么 Chrome 便会调用语言文件 zh-CN.dll,界面显示为中文。

如果你想在不改变当前系统语言设置的前提下享用其他语种的 Chrome 界面,你可以先备份 zh-CN.dll,之后将 en-US.dll 文件重命名为 zh-CN.dll。再次启动 Chrome,其界面已经是英文(美式)了。

其他语言以此类推,以飨诸位!

September 23, 2008

Chrome皮肤管理工具-XChrome下载

Filed under: 谷歌浏览器|Aout Chrome — Tags: , — CHROME @ 8:02 am

我们知道Chrome目前并没有内置主题皮肤管理工具,Chrome用户要想更换皮肤只能手动替换安装目录下的default.dll,非常不方便,尤其是菜鸟用户。

目前,其实国外已经有了第三方工具专门用来安装和管理Chrome主题皮肤,这里介绍一款名为XChrome的绿色工具。通过它用户可以快速简单的安装皮肤,以及对现有的主题皮肤进行管理。

下载地址:http://dl-sh-ocn-1.pchome.net/06/w8/xchromep5.zip(国内)

官方下载地址:http://elitehudson.com/XChromeP5.zip

Screenshot of XChrome BR 5:

改善你的谷歌浏览器(chrome)之7大武器

Filed under: 谷歌浏览器|Aout Chrome — Tags: — CHROME @ 7:57 am

Google浏览器已经发布了几个星期,也许大多数人都已经听说过它,并已经下载使用过了。如果你喜欢用这款浏览器并且想进一步深入,这里有七个有用的特性可以让你改善你的Chorme浏览器性能。

1. 新建并备份多个配置文件

当你在omnibox中输入时,浏览器会查找历史记录并显示与你正搜索的内容最接近的记录列表。如果你是个喜欢经常在各网站乱窜恶搞的人,那么现在如果有人(希望这个人不是你太太)在搜索栏键入内容,你在网上所做过的“恶作剧”都会一目了然的显示出来。 我想这肯定不是你所希望发生的事情。

5. 无需工具条的Stumbleupon

在火狐浏览器中, 我用Stumbleupon来发掘新的文章和有趣的事物。用这个简单的工具就可以在Google浏览器中使用Stumbleupon了。

在书签面板上用右键点击,然后选择“添加页面”

将新的书签命名为“stumble!”, 在URL处填写以下代码:

Javascript:window.location.href = ‘ http://www.stumbleupon.com/demo/#url.’

现在开始,每次你想stumble网站的时候,只要点一下Stumble的按钮,bookmarklet和Stumbleupon的工具条就会出现。

提交返回给Stumbleupon,只要创建一个新的书签然后命名为“Review for Stumble”,在地址栏,复制粘贴以下代码:javascript:window.location.href = ‘ http://www.stumbleupon.com/submit?url=’ + document.location;

无论什么时候你想提交返回给Stumbleupon,只要简单的点击一下“Review for Stumble”d 书签,就会马上返回你之前浏览的页面。

6. Google浏览器中的Preview feed

在Google浏览器中的有一项特性常被很多人忽视,那就是预览和订阅RSS Feed的功能。为了解决这个问题,RAMisp.org写了一个脚本,可以让你在Google浏览器中预览和订阅网站的RSS feed。

在你的Chrome浏览器中, 打开http://www.iechrome.com/?feed=rss2

将“auto-detect RSS” 链接拖到你的书签面板。

现在,不管你什么时候预览一个网站的RSS Feed, 只要点击一下“auto detect RSS”标签,然后你就可以在RAMisp网站上预览feed。 你也可以通过google,Yahoo,Netvibes 或者pageflakes来订阅feed。

7. 自定义快捷键

Google浏览器自带了一整套有用的快捷键,但是如果你想多设一些,你可以用autohotkey来创建你自己的快捷键。

在来下载autohotkey

安装到你的操作系统中。

检查“HowTo Tuts”中浏览器已经设置好脚本的快捷键。

保存“.ahk”脚本到系统当中。 双击“.ahk”脚本来激活快捷键。

打开浏览器,现在你可以在浏览器中使用自定义的快捷键。

在“howTo Tuts”中包含的已设定好的快捷健如下:

Win+aor F1 切换到前一个标签

Win+sorF2 切换到后一个标签

Win+z 后退

Win+x 前进

Win+cor F4 关闭当前标签

Win+v 粘贴并打开

Win+Alt+v 粘贴并在新标签中打开

ctrl+zor F12 撤销最近一个标签

CAPS浏览器并打开一个新标签(如果浏览器还没有启动,它会先启动浏览器)

在标签栏滚动鼠标滑轮? 在前一个和后一个标签之间切换

Ctrl+Shift+T发布到twitter(自动记录当前页面的地址)

Ctrl+Shift+Dor Ctrl+Shift+B转到书签的Delicious

哪一招是你喜欢的?你还知道其它有关Google浏览器的妙招吗?发表评论让大家都了解一下。

比起总是要切换到匿名模式,有一个简单的方法可以解决这个问题,那就是给浏览器的每个使用者创建多个配置文件。 这样,你就可以保留个人全部的信息(也可以是隐私),也避免了那种尴尬场面的出现。

Google浏览器的备份功能,只需要鼠标点几下就可以让你轻松创建多个配置文件。

点击“新配置文件”按钮,输入文件名称,确定文件存储位置,这样就很容易的创建了一个新的配置文件。

要备份你的配置,只要点击文件选择“备份文件”就可以了。如果你的系统崩溃了,你也可以重新载入来恢复原始设置。

2. 安装Greasemonkey

火狐浏览器的用户都知道Greasemonkey是多么的有用。现在你只要简单一拉,就可以让Greasemonkey在Google浏览器中使用了。

在Google浏览器中,按Ctrl+B显示书签面板(如果被隐藏了的话)。拖动monkey bookmarklet到书签工具条上。

现在,转到使用脚本页面,选择你想安装的脚本。在安装页面点击monkey bookmarklet(该页面有“安装脚本”按钮)。它就会自动转化为Google浏览器兼容的脚本。再将“安装脚本”按钮拖到你的书签工具条上。就大功告成了!(该方法仅适用于特定的脚本,有些特殊的功能脚本就不起作用,比如自动填写,重新载入页面等功能。)

另一种在Google浏览器中使用Greasemonkey的方法就是安装Greasemetal,这是一种运行时间的用户脚本。为了能使用Greasemonkey脚本,你需要下载并保存脚本到“我的文档”中的“userjs”文件夹中,然后再运行安装了Greasemetal的Google浏览器。

不知为什么,我总觉得用monkey bookmarklet的方法要比用Greasemetal的方法好,你可以两种方法都试试,然后告诉我你喜欢哪一种。

3. 增加omnibox的提示条目数量

当你在omnibox中输入时,Google浏览器默认设置是5条URL提示。如果你想显示更多或更少的提示条目,你可以通过改变“omnibox-popup-count=”的参数来改变数量。

在windows中,用鼠标右键点击Google浏览器的快捷方式,然后选择属性。在目标窗口中,添加命令行“-omnibox-popup-count=10” (不加引号)到命令的结尾。将数字改成你想要显示的条目数量。

4. 更改主题

你想装扮自己的Google浏览器却找不到更改主题的按钮?Google浏览器默认设置是不允许你更改主题,但是通过简单的方法就可以实现这个功能。

下载一个你喜欢的浏览器主题,提取“default.dll”文件。

定位到Google浏览器安装位置(Vista系统是:C:\Users\appdata\local\google\chrome\user data,XP系统是:C:\documents and settings\local settings\application data\google\chrome\user data )然后到/application/chromeversion/themes文件夹下。Chromeversion文件夹是0.2.149.29的形式(该数字取决于你所安装的浏览器版本)。 用你刚才下载的“default.dll”文件覆盖掉原来文件夹中存在的“default.dll”。

重启浏览器,你就可以看到用新主题装扮一新的浏览器了。

(如果你觉得以上的步骤太复杂,或者你想要一个应用程序来管理你的主题,那么可以下载Xchrome,就可以通过一个更美观的图形界面来更改主题。)

谷歌Chrome浏览器将增强SOA在企业中的应用

Filed under: 谷歌浏览器|Aout Chrome — Tags: , — CHROME @ 7:54 am

在谷歌新的浏览器Chrome被宣传为速度极快的浏览器的同时,Chrome浏览器也许在与SOA架构的沟通过程中发挥重要作用。谷歌的Chrome浏览器将允许企业访问许多Web应用程序和服务。因为Chrome对Web应用程序的关系,Salesforce.com对于谷歌Chrome浏览器非常热心。

  谷歌Chrome浏览器也许是速度最快的网络浏览器。但是,Chrome浏览器也许被证明是对企业来说更重要的浏览器,因为它能够与SOA互动。

  至少许多SOA权威是这样认为的。《信息周刊》的David Linthicum发表文章称, 人们要关注这里的一些事情。谷歌的Chrome浏览器确实比以前的浏览器朝着未来迈出了一大步。Chrome是一个真正的下一代平台,让用户能够访问多种丰富的互联网应用程序和服务,让这些服务和应用程序很好地在一起运行,无论你使用的是传统的台式电脑、手机、掌上电脑还是汽车上的显示屏。

  Linthicum补充说,拥有一个为使用通过互联网提供的或者内部提供的服务制作的浏览器,并且使用更好的操作和安全机制,将给我们所看到的SOA带来革命性的变化。

  Web应用程序而不是网页

  谷歌的合作伙伴Salesforce.com对于Chrome浏览器改善Web服务的应用非常热情。Salesforce负责开发商市场的副总裁Adam Gross说,随着我们越来越多地依靠Web应用程序,企业用户如何利用网络浏览器的变化。这种浏览器不是与你曾经访问过的网站对话,它们对话的对象是你每天生活在其中的Salesforce或者Gmail等应用程序。

  Pund-IT公司分析师Charles King说,虽然Chrome浏览器影响的潜力是微妙的,但是,谷歌实际上仍在企业市场之外。Chrome浏览器的应用程序功能意味着它是一个SOA服务交付模式的一个复杂的平台。但是,SOA当前的应用和形象是一种以企业为中心的努力。他补充说,Chrome浏览器在企业中的应用可能还需几年的时间。

  King解释说,关键是开发商的应用。Chrome浏览器作为一个平台的成功将主要取决于抓住开发商的注意力,让开发商创建需要Chrome应用程序功能的应用程序。

  移动Chrome

  King表示,谷歌使用Chrome浏览器做的一件事情是能够把每一个标签都作为这个浏览器的一个单独的循环。这就意味着任何指定的网站只能破坏它正在显示的那个标签。浏览器本身将继续运行,这种破坏不会影响系统的其它部分。这是一种很酷的功能。

  这种资源管理意味着Chrome浏览器的真正影响也许是在迅速扩张的移动市场。要用移动设备访问网络内容,隔离使用的资源是关键。看到谷歌如何利用Chrome浏览器和Android操作系统将是非常有趣的。

  例证:King预测说,苹果在iPhone上运行Safari浏览器的能力一直是这个平台的真正好处。Chrome浏览器将为Android提供更高的增强功能。

  这里没有出人意料的事情。谷歌共同创始人Sergey Brin在Chrome浏览器发布仪式上说,以后版本的Android操作系统将采用许多Chrome浏览器的功能。

Older Posts »

Powered by WordPress