巷子要拆了，嗯，我也要走了。在这个混杂着各行业经营的商贩在做着临走前的挣扎。

刚淋过雨，很小，很短。剩下的几许蓝天在厚厚的积云变幻下展露、掩盖。楼下的巷子永远那么噪杂，仿佛路过的都是不安的人们，熙熙噪噪个不停。

这里离繁华很近，又觉得离繁华很远，于是很多很多的人都聚集在这个本来不大的巷子里，他们不是为逃避繁华，而倒是为了在繁华中寄存本不应属于这里的躯体。

夏天已至，四季的脚步在未得及感触之时早已全变了模样，超市回来的路上，忽然伫足观望那条搬家后再为触及的狭窄公路，在被乌云滤光的作用下显得凄凉宁静！树绿了，很绿的绿，深浅，交错。或许如果执笔入画，并没有足够的时间描绘出来的那种细腻。云散着，天在渐暗的过程中又明了些许，天边泛橘黄色的红白渐变成天蓝，几摸乌青的云把天色拨开一半一半。薄之处，也泛着橘黄，透着红白。蓝天，乌云，余光，仿佛这原本破旧的巷子忽然跃然于莫奈的作品之中，而我只是在有心观赏。

近景的色已深，远景的色在落日之前依然保持着它应有的色彩。三角的屋顶把交错的平房组合扰乱了规矩。电线杆直纵的立在那边不知过去了多久，架线的铁杵在风雨之下锈泽斑驳，漆染了支撑它的石灰柱和无心看到它的人。几条线在那上面的捆扎，交错，没有规则的似乎只是为了适应这个巷子格调。风动了树梢摇摆，挂在架线杆子上的白色塑料袋随着节奏摆动着，貌似它在那了很久，已至于看到它并不那么突然。

过路的鸟儿停了飞了，过路的人儿路过走了，停着的人儿或许会埋怨这个蓄谋已久的变迁，可他们依然笑说着有趣的事情。执笔的人儿心停了，笔停了，他回到了自己的现实生活。

没什么，我无聊了。

随机日志

• 第六期web标准化交流会心得
• 谷歌将离
• 第六期web标准化交流会短记
• IE9 Platform Preview——IE9预览版本
• “IETester”微软官方产品SuperPreview之感慨篇

当 一个logo大大的出现在户外看板上，它必须清楚的让所有人都一目了然，这是logo具有清楚辨识度的基本原则。

2. LOGO小要好看

当logo出现在明片上，比一个拇指还 小，因此设计一个logo，请用直径两公分的大小试试看，是不是缩小也一样好看。

3. LOGO黑白要好看

当你传真公司文件，logo颜色会变成 黑白，你的logo因该像Nike、Mac，在经过最糟糕的复制影印方式后看起来一样清楚。

4. LOGO可以有各种颜色

Nike的标准色是红色，但你也可 以看到蓝色、绿色或是黑白各种色彩。同样拥有篮球、棒球、高尔夫球、网球甚至F-1方程式赛车系列等产品，都具有独特性，这些色彩纷陈的广告却不会让你对 于Nike的品牌有任何混淆。因为一个品牌精神不是单靠—颜色建立的。

5. LOGO可以轻易的画出来

拿起比来，你可以很轻易的画出Nike的弯勾、麦当劳的M，可 以随手画出来表示你的LOGO也很容易被记住。

6. LOGO在CMYK与RGB都很好看

印刷用CMYK，电视或电脑萤幕用RGB，你的logo会经常出现在杂志、电 视或电脑萤幕上，在没有特别色的情况下，LOGO要再这些寻常的媒体上一样好看。(就是要你别用特别色啦！例如萤光色。)

7. LOGO能够做成动画

你不能忽略网路的广告行销盛 行，LOGO具备容易转换成动画的条件，在网站上的活泼多变更容易吸引注意。

8. LOGO具有国际画质感

选择一个放诸四海皆宜的图案，像是POLO的马就不会有任何文化 代沟，要让全世界都看得懂的LOGO是最基本的。

9.LOGO代表的是企业精神

Nike的弯勾不代表一双鞋子，这是取自希腊神话中女神的翅膀，许多企业跨足不同的领域； 房地产、保险到食品都隶属同一集团，所以LOGO表现企业精神，而不是画出企业的所有营业项目。

10.LOGO具有广泛的应用性

GUCCI的logo具有多种的 应用性，它可以放在牛皮、金属、陶瓷、铁鍊、塑胶等各种不同材质上。为了你公司生产的产品週边商品方便，LOGO必须具有容易复制在特别材质的特性。

11.想让人穿在身上

一个好logo最重要的判断标准，是印在 衣服上会想要穿在身上PRADA、Nike、CHANEL，都会想要迫不及待想要穿出去？

本文转自帕兰印象

英语原文: http://yyoyya-deer.blogspot.com/2007/09/logo.html

相关日志

• 最近项目中的几个Banner
• Photoshop技巧50招（快捷键、常用技巧）

在我爱水煮鱼的博客看到这样一篇文章，介绍了一些常用而不常在谷歌使用的功能在谷歌中怎么应用！好吧上句话是够绕口的，嗯，看看下面的内容吧！以后肯定会用到的！另外还有他没有写道的，我加在文章前面了。

查看网站的收录情况

自己的网站被谷歌收录了多少呢？在google搜索框中输入site:your site url试试。于是你看到了全都是自己网站中的内容列表，其实呢，这些全都是被谷歌收录的你的网站内容。

查找 Flash 文件

查找 Flash 文件，只需搜索“关键词 filetype:swf”。实际上 Google 已经可以支持13种非 HTML 文件的搜索。除了 PDF 文档，Google现在还可以搜索 Microsoft Office (doc, ppt, xls, rtf） 、Shockwave Flash (swf)、PostScript (ps)和其它类型文档。新的文档类型只要与用户的搜索相关，就会自动显示在搜索结果中。

当然，依此类推，你也可以查找其它文件格式，其语法是：关键字 filetype:文件类型

比如要查找一首“冰雨”的Flash歌，可以输入：冰雨 filetype:swf

地图查寻

使用Google查寻城市地图或具体地址，您只需要在捜索框直接键入城市名或地址后加上“地图”即可，或直接输入具体地址。
比如要查找深圳地图，可以输入：深圳地图

度量转换

Google可以对货币类型，重量单位，长度单位以及其它单位进行转化。比如要知道1厘米等于多少英寸，可以有以下几种输入方法：

1. 1厘米等于多少英寸　或者　1厘米等于多少inch　或者　1cm等于多少inch 或者 1cm等于多少英寸
2. 1cm=? inch 或者　1厘米=?英寸 或者 1厘米=?inch 或者 1cm=?英寸

看了上面的例子，相信你已经明白了。在查找的时候google支持中文和符号这种单位的表达形式，而且两种表达可以混合使用。还有一点，google支持用中文来描述问题，也可以用算术表达式，如：

1. 20人民币等于多少美元
2. 1USD=?RMB
3. 3.5 USD =? GBP
4. 10新加坡元等于多少印度卢比
5. 8人民币换成泰国的货币
6. 30 人民币每公升 =? 美元每加仑

计算器

是的，google还可以用来当计算器用。是的，没错，Google 不仅能够当计算器用，而且功能比一般的计算器要强多了。你只需要在搜索字段中输入算式，按一下回车键或者搜索就可以了。这个计算器可以用来做所有简单的计算，一些复杂的科学计算，单位换算，以及提供各种物理常数。可以试下面的几个例子：

5+2*2
2^20
sqrt(-4)

一磅=?克
光速乘以二秒等于多少公里

Google 计算器能让您在不用记住固定格式的情况下理解您的计算问题并帮助您解决这个问题。下面是一些常用的格式（同时也有一些有趣的搜索）示例：

以下是最常用的两个变量之间的计算符号，比如1+1 。

符号 功能 示例
+ 加 3+44
- 减 13-5
* 乘 7*8
/ 除以 12/3
^ 的…次方 8^2
% 模 (除之后的余数) 8%7
选 组合运算X选Y表示在X个单位中选Y个有多少种选法 18选4
开…次方 计算一个数的n次方根 32开5次方

以下是用于一个变量的计算符号，这个符号将出现在变量之前。所以最好将变量加上括号。

符号 功能 示例
sqrt 平方根 sqrt(9)
sin, cos, etc. 三角函数 （括号中的数字单位为弧度） sin(pi/3) tan(45)
ln 以 e 为底的对数 ln(17)
log 以 10 为底的对数 log(1,000)

以下是出现在变量之后的符号。
符号 功能 示例
! 阶乘 5!
% 百分之 20%

其他说明
您可以将等号（=）放在一个式子之后对这个式子进行强制计算。如果这个式子是合理的，我们将返回结果。比如，1-800-555-1234= 将返回计算结果，而 1/0= 将不会返回结果。
您可以将您想先计算的部分加上括号。比如，(1+2)*3 将使加法先算，乘法后算。
您可以用是几，等于多少，或者＝？来做单位间的换算。比如，三十摄氏度等于多少华氏度。
您也可以用十六进制，八进制，或者二进制数进行计算，只需要在十六进制数前加前缀 0x ，在八进制数前加前缀 0o ，在二进制数前加前缀 0b 。比如，0×7f + 0b10010101 。

Google 计算器能识别很多单位，以及各种物理和数学常数。您也可以在计算表达式中直接用这些常数。通常这些单位和常数都有简称和英文原称，您用哪种方式输入我们都可以识别。比如，物理单位焦耳和简称焦，以及英文简称 J 都能被我们识别，再比如，不管是光速还是 c 我们也都可以识别。您可以试一试下面的例子：

1 a.u./c
56*78
1.21 GW / 88 mph
e^(i pi)+1
1加仑等于多少升
1市两=?磅
30度的正弦
G*(6e24 kg)/(4000 miles)^2
XVII 表示成中文
0b1100101*0b1001

中英文字典

Google 给中英文单词互译带来了极大的方便。您只需输入一个关键词(“翻译”,“fy” 和“FY” 任选其一）和要查的中 (英) 文单词，Google会直接显示您要查的单词的英文（或中文）翻译。

例如，要查找 apple (或 苹果）的中（英）文翻译。只需在搜索字段中输入：
fy apple 或者　fy 苹果

天气查询

用Google 查询中国城市地区的天气和天气预报，只需输入一个关键词（“天气”,“tq” 或“TQ” 任选其一）和您要查询的城市地区名称即可。Google返回的网站链接会带给您最新的当地天气状况和天气预报。

例如，要查找深圳地区的天气状况，可以输入：tq 深圳

股票查询

用Google 查询股票价格和股市行情，非常简洁方便。您只需输入一个关键词（“股票”,“gp” 和“GP” 任选其一）和想查询的股票证券名称或是其六位数代码，Google就会返回其他链接让您只要一次点击便能得到有关股票证券的详尽资料。

邮编区号

用Google 查询邮政编码或长途电话区号，您只需输入关键词（“邮编”,“yb” 和“YB” 任选其一；“区号”， “qh” 和“QH” 任选其一）和要查的城市地名或邮政编码或电话区号即可。Google 会为您提供相关的所有信息，包括所在地的省市名称，邮政编码及长途电话区号。

例如，要在 Google 站点上查找深圳地区的邮编区号或邮编518100 ，区号0755的归属地，可以输入：
yb 深圳
qh 深圳
yb 518100
qh 0755

手机号码

用Google 查询手机电话号码归属地，您只需直接输入要查的号码即可（不需要任何关键词）。Google 能自动识别以13开头的11位数字为手机号码而返回相关的网站链接，让您即刻便知道答案。

例如，要查找手机号13123456789的归属地，可输入：13123456789

目前 Google 简体中文界面的股票，天气，邮编区号和手机号码查询功能仅适用于中国大陆地区。

农历日历转换

用Google 直接查询农历日期、节气和农历节日，只需键入关键词（“阳历”、“公历”、“阴历”、“农历”或它们的拼音缩写 “gl”、“nl”）加上日期即可。也可以直接输入节气名称、农历节日名称，加上年份或“去年”，“今 年”，“明年”。例如：

nl 2006-12-20
公历 2006-12-20
明年 立春
2008 小雪

定义

要查看字词或词组的定义，只需键入“define”，接着键入一个空格，然后键入您需要其定义的词。如果 Google 在网络上找到了该字词或词组的定义，则会检索该信息并在搜索结果的顶部显示它们。通过包含特殊操作符“define:”，并使该操作符与您需要其定义的字词之间不留空格，还可获得定义的列表。例如：

define:HTML
define:CSS

相关日志

• Google真的走了
• 谷歌将离

对于正则的使用，先前一直都是一个概念性的东西，只是知道用它可以匹配字符格式。后来在项目中遇到关于字符操作的问题，才开始着手对正则进行一些了解。而对于当时的那种了解，也只不过是项目的一时所需，只找到了适合自己的代码，然后应用到项目使用。因此从没有真正的去系统的学习。今天在订阅中看到幸福收藏夹转载的一篇关于javascript正则表达式的教程，看了一段以后就了解了关于正则表达式很多基础的系统性东西，因此转过来分享一下，也方便以后自己的复习。

网上正则表达式的教程够多了，但由于javascript的历史比较悠久，也比较古老，因此有许多特性是不支持的。我们先从最简单地说起，文章所演示的正则基本都是perl方式。

元字符

( [ { \ ^ $ | ) ? * + .

预定义的特殊字符

字符类

简单类

原则上正则的一个字符对应一个字符，我们可以用[]把它们括起来，让[]这个整体对应一个字符。如

alert(/ruby/.test("ruby"));//true
alert(/[abc]/.test("a"));//true
alert(/[abc]/.test("b"));//true
alert(/[abc]/.test("c"));//true
alert("a bat ,a Cat,a fAt bat ,a faT cat".match(/[bcf]at/gi));//bat,Cat,fAt,bat,faT,cat

负向类

也是在那个括号里做文章，前面加个元字符进行取反，表示匹配不能为括号里面的字符。

alert(/[^abc]/.test("a"));//false
alert(/[^abc]/.test("b"));//false
alert(/[^abc]/.test("6"));//true
alert(/[^abc]/.test("gg"));//true

范围类

还是在那个中括号里面做文章。有时匹配的东西过多，而且类型又相同，全部输入太麻烦，我们可以用它。特征就是在中间加了个横线。

组合类

还是在那个中括号里面做文章。允许用中括号匹配不同类型的单个字符。

alert(/[a-f]/.test("b"));//true
alert(/[a-f]/.test("k"));//false
alert(/[a-z]/.test("h"));//true
alert(/[A-Z]/.test("gg"));//false
alert(/[^H-Y]/.test("G"));//true
alert(/[0-9]/.test("8"));//true
alert(/[^7-9]/.test("6"));//true
 
alert(/[a-m1-5\n]/.test("a"))//true
alert(/[a-m1-5\n]/.test("3"))//true
var a = "\n\"
alert(/[a-m1-5\n]/.test(a))//true
alert(/[a-m1-5\n]/.test("r"))//false

预定义类

还是在那个中括号里面做文章，不过它好像已经走到尽头了。由于是中括号的马甲，因此它们还是对应一个字符。

alert(/\d/.test("3"))//true
alert(/\d/.test("w"))//false
alert(/\D/.test("w"))//true
alert(/\w/.test("w"))//true
alert(/\w/.test("司"))//false
alert(/\W/.test("徒"))//true
alert(/\s/.test(" "))//true
alert(/\S/.test(" "))//false
alert(/\S/.test("正"))//true
alert(/./.test("美"))//true
alert(/./.test("  "))//true
var a = "\n\"
alert(/./.test(a))//true

量词

由于元字符与特殊字符或字符类或者它们的组合（中括号）甚至它们的马甲（预定义类）都是一对一进行匹配。我们要匹配“司徒正美这个词”，最简单都要 /…./，如果长到50多个字符岂不是要死人。因此我们逼切需要一个简单的操作，来处理这数量关系。

简单量词

alert(/..../.test("司徒正美"))//true
alert(/司徒正美/.test("司徒正美"))//true
alert(/[\u4e00-\u9fa5]{4}/.test("司徒正美"))//true
alert(/[\u4e00-\u9fa5]{4}/.test("司徒正美55"))//true
alert(/^[\u4e00-\u9fa5]+$/.test("正则表达式"))//true
alert(/^[\u4e00-\u9fa5]+$/.test("正则表达式&*@@"))//false
alert(/\d{6}/.test("123456"))//true
alert(/[ruby]{2}/.test("rr"))//true
alert(/[ruby]{2}/.test("ru"))//true
alert(/[ruby]{2}/.test("ry"))//true

/[\u4e00-\u9fa5]/用于匹配单个汉字。

贪婪量词，惰性量词与支配性量词

贪婪量词，上面提到的所有简单量词。就像成语中说的巴蛇吞象那样，一口吞下整个字符串，发现吞不下（匹配不了），再从后面一点点吐出来（去掉最后一 个字符，再看这时这个整个字符串是否匹配，不断这样重复直到长度为零）

隋性量词，在简单量词后加问号。由于太懒了，先吃了前面第一个字符，如果不饱再捏起多添加一个（发现不匹配，就读下第二个，与最初的组成一个有两个 字符串的字符串再尝试匹配，如果再不匹配，再吃一个组成拥有三个字符的字符串……）。其工作方式与贪婪量词相反。

支配性量词，在简单量词后加加号。上面两种都有个不断尝试的过程，而支配性量词却只尝试一次，不合口味就算了。就像一个出身高贵居支配地位的公主。 但你也可以说它是最懒量词。由于javascript不支持，所以它连出场的机会也没有了。

var re1 = /.*bbb/g;//贪婪
var re2 = /.*?bbb/g;//惰性
//  var re3 = /.*+bbb/g;//支配性,javascript不支持，IE与所有最新的标准浏览器都报错
alert(re1.test("abbbaabbbaaabbbb1234")+"");//true
alert(re1.exec("abbbaabbbaaabbbb1234")+"");//null
alert("abbbaabbbaaabbbb1234".match(re1)+"");//abbbaabbbaaabbbb
 
alert(re2.test("abbbaabbbaaabbbb1234")+"");//true
alert(re2.exec("abbbaabbbaaabbbb1234")+"");//aabbb
alert("abbbaabbbaaabbbb1234".match(re2)+"");//abbb,aabbb,aaabbb

分组

到目前为止，我们只能一个字符到匹配，虽然量词的出现，能帮助我们处理一排密紧密相连的同类型字符。但这是不够的，下面该轮到小括号出场了，中括号 表示范围内选择，大括号表示重复次数。小括号允许我们重复多个字符。

//分组+量词
alert(/(dog){2}/.test("dogdog"))//true
//分组+范围
alert("baddad".match(/([bd]ad?)*/))//baddad,dad
//分组+分组
alert("mon and dad".match(/(mon( and dad)?)/))//mon and dad,mon and dad, and dad

反向引用

反向引用标识由正则表达式中的匹配组捕获的子字符串。每个反向引用都由一个编号或名称来标识，并通过“\编号”表示法进行引用。

var color = "#990000";
/#(\d+)/.test(color);
alert(RegExp.$1);//990000
 
alert(/(dog)\1/.test("dogdog"))//true
 
var num = "1234 5678";
var newNum = num.replace(/(\d{4}) (\d{4})/,"$2 $1");
alert(newNum)

候选

继续在分组上做文章。在分组中插入管道符（“|”），把它划分为两个或多个候多项。

var reg = /(red|black|yellow)!!/;
alert(reg.test("red!!"))//true
alert(reg.test("black!!"))//true
alert(reg.test("yellow!!"))//true

非捕获性分组

并不是所有分组都能创建反向引用，有一种特别的分组称之为非捕获性分组，它是不会创建反向引用。反之，就是捕获性分组。要创建一个非捕获性分组，只 要在分组的左括号的后面紧跟一个问号与冒号就行了。

var color = "#990000";
/#(?:\d+)/.test(color);
alert(RegExp.$1);//""

题目，移除所有标签，只留下innerText!

var html = "
 
<a href="http://www.cnblogs.com/rubylouvre/">Ruby Louvre</a>by <em>司徒正美</em>
 
";
var text = html.replace(/&lt;(?:.|\s)*?&gt;/g, "");
alert(text)

注意：javascript不存在命名分组

前瞻

继续在分组内做文章。前瞻与后瞻其实都属于零宽断言，但javascript不支持后瞻。

正向前瞻用来检查接下来的出现的是不是某个特定的字符集。而负向前瞻则是检查接下来的不应该出现的特定字符串集。零宽断言是不会被捕获的。

var str1 = "bedroom";
var str2 = "bedding";
var reBed = /(bed(?=room))///在我们捕获bed这个字符串时，抢先去看接下来的字符串是不是room
alert(reBed.test(str1));//true
alert(RegExp.$1)//bed
alert(RegExp.$2 === "")//true
alert(reBed.test(str2))//false
 
var str1 = "bedroom";
var str2 = "bedding";
var reBed = /(bed(?!room))/  //要来它后面不能是room
alert(reBed.test(str1))//false
alert(reBed.test(str2))//true

题目，移除hr以外的所有标签，只留下innerText!

var html = "
 
<a href="http://www.cnblogs.com/rubylouvre/">Ruby Louvre</a>
 
<hr />
 
by <em>司徒正美</em>
 
";
var text = html.replace(/&lt;(?!hr)(?:.|\s)*?&gt;/ig,"")
alert(text)//Ruby Louvre<hr />by 司徒正美

边界

一个要与字符类合用的东西。

题目，设计一个字符串原型方法，实现首字母大写！

var a = "ruby";
String.prototype.capitalize =  function () {
     return this.replace(/^\w/, function (s) {
            return s.toUpperCase();
            });
        }
       alert(a.capitalize())//Ruby

单词边界举例。要匹配的东西的前端或未端不能为英文字母阿拉伯字数字或下横线。

var str = "12w-eefd&efrew";
alert(str.match(/\b\w+\b/g))//12w,eefd,efrew

var str = "JS's Louvre";
var reg = /\w/g;
alert(reg.exec(str));//J
alert(reg.lastIndex);//1
alert(reg.exec(str));//S
alert(reg.lastIndex);//2
alert(reg.exec(str));//s
alert(reg.lastIndex);//4
alert(reg.exec(str));//L
alert(reg.lastIndex);//6

相关日志

• 网页测试工具分享
• 体验篇：Microsoft Expression Web 3 SuperPreview全攻略
• 常用正则表达式速查
• jQuery 1.4 的新特性

我试图从这35G数据里找到一些我觉得遗憾的东西，例如一个我没有备份出来的照片，抑或一首我暂时忘记旋律的歌曲。

我用列表的方式显示出所有文件的排序，按类型。

前面排列的系统文件很是臃肿，35G内容在一个文件夹里显示，导致CPU的运算有点力不从心。我费力的拖动着横向滚动条，目光逐一检索着数据条目：不知名文件、我的简历、几首歌、几个电影、一些学习内容……

从前分门别类的硬盘分区数据就这么被硬生生的撮合到了一起。连同有用内容和垃圾文件，我实在理不出有用的头绪。打开一首歌，文件损坏。打开一部电影，文件损坏。word文档，一样损坏。

如此，我知道即使利用软件检索出了那些数据的条目，却也难以检索出数据的内容了。

Ctrl&A我选中了已恢复的一切，Del……

后来我再也没有试图去存些数据到那个硬盘里，因为我知道，如果我不存，我依然可以使用一些手段试图找回那些格式化的东西，如果我存了，数据格式重写，那些格式化后的东西就再也找不回了。

我记得了，里面有我两个G的QQ聊天记录。2007-2010，那个精致的硬盘盒包裹着那个存储我三年数据积蓄的磁盘，在一次错误尝试中损坏。时间就如此而过，只用了几个数字的承载。数据就如此而逝，再一次失误之后。

之后，它依然被放在公司电脑主机上方，等待我下一次移动或拿起它。。。

随机日志

• WordPress2.8添加并使用illacrimo-plus动态风格
• 人生中八大经典问题
• 同时滚动的滚动条
• 网页测试工具分享
• 每一年，这一天

如今的浏览器市场，依然角逐着各种来自不同厂商不同核心的浏览器。优胜略等，时间和用户总会替我们前端开发者主持公道，去筛选出最具竞争力的产品。

有需求就会有市场，有市场就会有产品，现在的浏览器市场已经不再是当年孤立兼容的时代了。需求促使了标准的产生，于是现在的竞争取而代之的则是运行速度，易用性，扩展性，和标准兼容性。

虽说有着W3C标准化组织给我们前端开发者做坚强的后盾，可是由于各浏览器厂商对标准的理解与对自身功能的强大，兼容性依然是我们前端开发者不可避免的话题，当然还有那个老不死的IE6，虽说覆灭已是命运使然，恶心的是很多用户依然依赖于很长一段时间对它的使用习惯，更恶心的是国内某些浏览器厂商沿用IE6核心换了身皮毛就以自有名称独居的浏览器，以上种种不得不让我们前端人员嗤之以鼻，可是排斥归排斥，我们无法决定用户的选择，但是我们开发者依然要照顾用户，由此衍生的兼容问题就愈发显得明显了。

还是这句话：有需求就会有市场，有市场就会有产品。因此既然市场有兼容性问题，那么由此衍生的测试工具也是层出不穷，在这里，分享几个我经常会用到的测试工具给大家：

IEtest

• 性质：客户端程序
• 使用方式：下载安装到计算机 
• 浏览形式：正常网页
• javascript：支持
• 官方下载地址：http://www.debugbar.com/download.php
• 支持浏览器：IE5.5、IE6、IE7、IE8

想必对于这个工具大家都很熟悉了，一个针对IE浏览器的测试的工具，可以测试IE5.5+的各版本IE浏览器，使用方法是把程序安装到本地，然后运行就会出现一个类似于浏览器的窗口（其实直接可以拿来当浏览器用的说），工具栏分布着代表各浏览器的黄色button，点击任意一个便会生成对应浏览器核心的tab。

不过貌似自09年10月更新到4.2版本后就没有新的版本发布，我想说的是4.2版本在win7下经常崩溃。

Spoon

• 性质：网页程序+浏览器插件+沙盘
• 使用方式：下载插件，安装浏览器沙盘程序，在网页点击打开已下载的浏览器沙盘程序
• 浏览形式：正常网页
• javascript：支持
• 使用地址：http://spoon.net/browsers/
• 支持浏览器：IE6、IE7、IE8、Firefox3.5、Firefox3、Firefox2、Safari4、Safari3、Chrome、Opera10、Opera9

这个是我经常用的测试工具，使用方法很简单，就是先打开它的首页，然后在随意一个代表浏览器的小窗口点击下载一个浏览器插件，安装完成后再点击对应浏览器小窗口便开始安装对应浏览器沙盘程序，安装完成后再点击浏览器小窗口就会打开对应浏览器了，这个浏览器和真正的浏览器一摸一样，而且弹出的窗口也是应用程序，并且我们也不用担心病毒，因为它是在沙盘中运行的。

Adobe  lab

• 性质：网页flash程序
• 使用方式：打开网页，登陆adobe账户，直接使用
• 浏览形式：网页缩略图
• javascript：不支持
• 使用地址：https://browserlab.adobe.com/index.html
• 支持浏览器：IE6、7、8；Firefox2、3、3.5 for Win or Mac OS；Safari3.0、4.0 for Mac OS

这个Adobe的产品就是强大，一下子支持这么多浏览器不说，而且还支持不同系统下的浏览器，不过它的缺陷也很明显，由于是基于flash程序，因此加载网页速度很慢，并且加载出来的东西不是HTML而是一张图片，因此就实用性来说并不大，它最显著的功能在于你能通过它知道你要测试的网页在各种浏览器下是什么样子，而且它可以生成两个网页左右对比，也可以进行网页重叠对比，至于其他，我还是建议你用上面推荐的测试工具吧，毕竟它不能用来测试你的javascript！

Microsoft Expression Web 3 SuperPreview

性质：客户端程序

使用方式：下载程序安装到本地运行

浏览形式：网页缩略图，带HTML结构，可以用自带选择器选择html结构

javascript：不支持

下载地址：http://download.microsoft.com/download/5/6/8/568F0D28-0434-4794-B7FC-FB293BCC98FB/SuperPreviewIE_en.exe

支持浏览器：IE6、7、8

这个是微软官方出品的测试工具，通过它可以很强大的调试IE各浏览器环境下的网页显示bug，可惜的是它同样不支持javascript的调试。详细内容可以参照我以前的一篇文章

《体验篇：Microsoft Expression Web 3 SuperPreview全攻略》

有了这些工具，让你的测试变的更简单些吧！可能你还有更好的测试工具，如果真是如此，那么不妨也拿出来分享给大家呗！

原著资源，转载请著名并链接到出处 Pivot Code，谢谢！

相关日志

• 第六期web标准化交流会短记
• 基础Javasctipt正则表达式
• 第六期web标准化交流会心得
• 体验篇：Microsoft Expression Web 3 SuperPreview全攻略
• “IETester”微软官方产品SuperPreview之感慨篇

记忆总在一些歌中被唤起，也许只是一个声音，一个音节，抑或一声叹息。

四月一日的愚人节，没有玩笑，我还是继续我的工作。

谁都不会打乱谁，于是我伤怀的把你遗忘。

是否感情必须残忍，让时光把记忆拉的那么长。

然后我还是会记起，爱过的人是不会忘的

只是你不会再是我生命中的一部分

而只是会记起的一部分了

认识你我认识了英姐

后来你不理我了

因为你知道我的存在是负累

英姐不会不理我

因为她不知道我的存在

我还是那么认真，认真到不忍心让自己随意的去承受一份爱。

于是我孤单至此。

我爱上过别的人，种种原因，缘分就是如此……

现实是我还是孤单一人

我们没有在一起

嗯，一个一个的遇到，一个一个的遗忘。

直到某一天，某个人……

相关日志

• 我心中的刘若英
• 秋，冬

云集了各大互联网公司的前端开发者们汇聚一堂。讨论这期的话题《前端开发在研发流程中与其他岗位协作效率的提升》

由于是第一次参加，不知道会议安排，而且上午匆忙的给哥们把无光驱上网本linux系统分区用u盘引导格式化并安装windows系统，整整一个上午，在学习与实践中匆匆而过，眼看着时间紧逼会议临近减去路上的开销，情急之下电脑的分区已格式化完毕，U盘引导安装文件就绪，然后毅然决定，用本的电池续航，手捧着去参会，计划着路上也该装完了。

到中关村是预料中的时间，由于早上在处理电脑的事情，因此早饭和午饭攒到了一起，去腾讯的路上，和哥们人手在过路的麦当劳捧了袋套餐，赶着时间，问着路，手抓着薯条塞近嘴里。临近交流会2点开始前十几分钟，找到了房间，签到进去会议室，入座，把未啃完的汉堡放下，才开始观察身边的人。没多久，会议开始……

这次交流会的议题是《前端开发在研发流程中与其他岗位协作效率的提升》首先是裕波同学介绍了会议主题和会议流程，然后就把语权交给了在微软（Microsoft）工作的同学，微软的同学用ppt演示了他对于这次话题论述中会遇到的问题、耦合开发、灰色地带等内容，然后大家就开始轮流讲一些自己在实际工作中遇到的开发流程与协作的实际案例。其中，由于各自所在的公司不同，团队不同，接触的客户和老大都不尽相同，由此引发的话题矛盾和议题方案都各有特点，可惜的是到议程的最后没有一个完整的总结，这是我觉得唯一遗憾的地方。不过记忆犹新的是百度月影同学用杯中水的例子来深入浅出协作的真正意义：月影说，交流中怎样让各自的立场互换，而减少问题的激化，从而就说到了杯中的水。他找了两个杯子，然后都倒上‘同样多的水’他问：现在这两杯水就是争议双方，而我们用什么方法才能使这两个杯子里的水一样多。显然无论怎么人工的去均匀，问题都不能完美的解决，因为这个问题不可能简单的这么解决。会中的同学也有说都倒掉，但是话题的命题是水一样多。其实这个时候我想到了水桶法则。月影却说话了，首先把水都倒掉，全场晕倒。。。这时我们所做的就是把自己的立场全否定掉，然后把两个杯子套在一起，这时再往杯中加水，这时我们再看争议的问题，两个杯子是在一起的，加水的话是在一起加，而这样问题双方从头看问题，一起加水，这便是协作。其实我并不觉得月影那个杯中水的最后的答案非常完美，但是他用这个例子影射的问题争端得到了解决，那就是：无论设计、前端、还有后台都是利益共享的，任何一方的不协调都会导致整个团队的停滞不前，项目进度延误。其实那两个杯子如果用水桶法则解释便再恰当不过了。所谓水桶法则，就是物理中的U型管，把两个杯子在底部连接，然后无论是加水，还是减水那么最后两个杯子中的水永远都是一样多的。不过例子只是为了解释事情的本意，能听懂那就不是个失败的例子——协作，谁都不能掉队否则水浅则失。

活动主持周裕波同学

这次会议上，有个美女同学讲了她总结的三点，其中一点记的很清楚那就是端正自己，看清自己的位置，我们不是在为工作而工作，而是为了提高自己。

我和小强

会议最后，豆瓣的kejun同学出了一道看似简单的问题，挑错，以下是原题：

<P>&nsbp;&nsbp;哥写的不是代码 是寂寞<br><br>&nsbp;&nsbp;哥写的不是代码<br>是寂寞

有兴趣的同学可以分析一下，回头我再公布答案，google或百度不是你的风格，老老实实的答题，知道的同学请把机会留给不知道的同学，谢谢！这可是传说中yahoo的面试题。

与会的所有同学

感谢欲波同学的邀请！感谢参与交流会上的每一个人！感谢CCTV，MTV……感谢腾讯……

相关日志

• 第六期web标准化交流会短记
• 网页测试工具分享
• Google真的走了
• IE9 Platform Preview——IE9预览版本
• “IETester”微软官方产品SuperPreview之感慨篇

下午参加了web标准化第6期交流会，与会的同学真是高手云集啊：微软、腾讯、百度、豆瓣、新浪、淘宝、当当、遨游、CCTV等前端高手共处一堂，共同交流web前端开发流程、协作、与效率提升的话题，并分别对各自在工作中的话题心得进行演说，呃，轮到我的时候叽里呱啦的说了一堆，结果到最后自己都不知道自己说了些什么。时间不早了，回头补写一个心得吧。腾讯最后分发的小公仔很可爱的说。人手一个，可惜全都是母滴……原来腾讯的厕所都不写男女的，取而代之的也是QQ公仔的墙贴，好强大的‘企业文化’!

相关日志

• 第六期web标准化交流会心得
• 网页测试工具分享
• Google真的走了
• IE9 Platform Preview——IE9预览版本
• “IETester”微软官方产品SuperPreview之感慨篇

译言专区——《宁波诺丁汉大学、驻英使馆、译言网联合在线公益翻译大赛》

译言专区——《普知》

译言专区——《英国大使馆文化教育处》

相关日志

• 译言网招聘前端设计师
• LOGO设计的几点建议
• Photoshop技巧50招（快捷键、常用技巧）