首页


1 (Page 1 of 1)



Apr 20, 2008

31 个用来测试你网站各项性能的免费在线工具

你是否肯定你的网站完全兼容各大浏览器?是否知道多少秒可以打开你的网站? 是否可以自信地说你的网站根本就没有打不开的时候? 是否……
虽然它看似不重要,但这些在一定程度上也对你的网站的访问量产生了影响。这里列出了一份免费在线测试工具,你可以通过这些工具来测试你的网站,并根据结果对你的网站进行修改。

网站代码验证
没人可以细致到保证自己的网站代码都是正确的,你可以通过以下测试来验证网站代码是否正确。

1 . WDG HTML Validator 一个很好的工具,能找出网站语法错误的地方,并标注出来,也可选择对网站上单独的每一页进行单页分析。( 强烈推荐

2 . W3C Markup Validation Service 对 HTML 和 XHTML 都能进行代码测试,自称是互联网络上第一个(也是使用者最多的)的 HTML 验证工具。

3 . W3C CSS Validation Service 用于验证 css 源代码,能够标注出不好的 css 代码设计。例如:“Same colors for color and background-color in two contexts”。

4 . RUWF XML Syntax Checker 用于查找 XML 文件的错误。

5 . W3C Feed Validation Service 用于查找 Atom 和 RSS feed 中的错误语法。( 这个我经常用到

6 . W3C Link Checker 用于搜寻查明你网站内的所有链接里是否有断链。( 强烈推荐

7 . Juicy Studio Link Analyser 测试网站内的链接的 URL 是否存在死链,与 W3C Link Checker 很类似。

阅读全文 "31 个用来测试你网站各项性能的免费在线工具" »

Apr 15, 2008

JSA - JS脚本压缩程序

JSA 是一个脚本压缩、混淆、分析工具,也是JSI的编译工具,有着非常可观的压缩质量和压缩比率。 JSA 的运用,可以减轻网络负担,保护源代码。

本站后台JS脚本就是用这个程序压缩的,压缩率一般可以达到50%左右,经过一段时间的使用,感觉很稳定。
最重要的是还提供了ant task,对需要批量压缩JS脚本时提供了极大的方便,一条命令将所有JS分别全部压缩。

由于程序是java写的,运行前需要先安装java虚拟机。但同时也提供了在线压缩功能:
http://www.xidea.org/project/jsa/

压缩示例

未压缩
  1. /**  
  2.  * test function  
  3.  */  
  4. function test1(param1, param2) {  
  5.     return param1 + param2;  
  6. }  
  7.   
  8. /**  
  9.  * test function and eval(compressed safely)  
  10.  */  
  11. function test1(param1, param2) {  
  12.     return eval("param1+param2");  
  13. }  
  14.   
  15. /**  
  16.  * test inner function  
  17.  */  
  18. function test1(param1, param2) {  
  19.     function add(paramx, paramy) {  
  20.         return paramx + paramy;  
  21.     }  
  22.     return add(param1, param2);  
  23. }  
  24.   
  25. /**  
  26.  * test empty try(code optimize)  
  27.  */  
  28. try {  
  29. catch(ex) {  
  30.     alert(ex)  
  31. finally {  
  32.     alert(y)  

未执行文本压缩的结果(格式化,便于查看)
  1. /*  
  2.  * Compressed by JSA(www.xidea.org)  
  3.  */  
  4. function test1(B, A) {  
  5.     return B + A;  
  6. }  
  7. function test1(param1, param2) {  
  8.     return eval("param1+param2");  
  9. }  
  10. function test1(C, A) {  
  11.     function B(A, B) {  
  12.         return A + B;  
  13.     }  
  14.     return B(C, A);  
  15. }  
  16. alert(y);  
执行了文本压缩的结果
  1. /*  
  2.  * Compressed by JSA(www.xidea.org)  
  3.  */   
  4. eval(function(E,I,A,D,J,K,L,H){function C(A){return String.fromCharCode(A+65)}while(A>0)K[C(D--)]=I[--A];function N(A){return K[A]==L[A]?A:K[A]}if(''.replace(/^/,String)){var M=E.match(J),B=M[0],F=E.split(J),G=0;if(E.indexOf(F[0]))F=[''].concat(F);do{H[A++]=F[G++];H[A++]=N(B)}while(B=M[G]);H[A++]=F[G]||'';return H.join('')}return E.replace(J,N)}('/*\n * Compressed by JSA(www.xidea.org)\n */\r\nH D(B,A){\r\n  F B+A;\r\n}\r\nH D(G,E){\r\n  F eval("G+E");\r\n}\r\nH D(C,A){\r\n  H B(A,B){\r\n    F A+B;\r\n  }\r\n  F B(C,A);\r\n}\r\nalert(y);','test1|param2|return|param1|function'.split('|'),5,7,/[\w\$]+/g,{},{},[]))  

Apr 12, 2008

使用JSLint完成JavaScript语法检查

JSLint是一个javascript验证工具(www.jslint.com),可以扫描javascript源代码来查找问题。如果JSLint发现一个问题,就会显示一个消息加以描述,并指出这个错误在源代码中的大致位置。有些编码风格约定可能导致未预见的行为或错误,JSLint除了能指出这些不合理的约定,还能标志出结构方面的问题。尽管JSLint不能保证逻辑一定正确,但确实有助于发现错误,这些错误很可能导致浏览器的javascript引擎抛出错误。

JSLint可能会把一些结构方面的错误标志为可疑的编码实践,以下列出了其中一部分。(完整的列表可以参考JSLint的文档)。
要求所有代码行都以分号结束。尽管javascript确实允许将换行符作为行结束符,但一般认为这种做法是不明确的,而且是不好的编码风格。
使用if和for的语句必须使用大括号把语句块括起来。
不同于其他编程语言,在javascript中,块不会作为变量的作用域。javascript只支持函数级作用域。因此,JSLint只接受作为function、if、switch、while、for、do和try语句一部分的块,其他的块都会标志为错误。
变量只能声明一次,而且在使用之前必须先声明。
会把出现在return、break、continue或throw语句后面的代码标志为不可达的代码。这些语句后面必须紧跟着一个结束大括号。


对于javascript程序员新手来说,JSLint是一个非常好的工具,因为它会教你一些好的javascript编码实践。由于JSLint能把可能导致逻辑错误或其他未预见行为的部分标出来,因此可以减少调试时间。如果你调试一段javascript代码时遇到困难,可以找JSLint帮忙。
在线javascript语法检查:http://www.itlearner.com/code/jslint/
官方主页:http://www.jslint.com/

 



1 (Page 1 of 1)