开源中国社区

基于浏览器的恶意JavaScript的正逐渐被浏览器开发商所重视。微软研究室最近开发了一款叫做Zozzle的工具，能够检测出这些利用JavaScript来工作的恶意软件。设计原理类似杀毒软件，扫描提供的JavaScript代码，将可能有恶意的代码标示出来。为了让此工具更有效率，还需要手动让它识别出伪装的恶意代码和一些正常但被误杀的代码。

网页开发者通常要输入大量重复的标签和属性标记才能获得想要的效果，为了解决重复劳动的痛苦，Sergey Chikuyonok开发了Zen Coding，它是一组专门用来提高书写HTML和CSS代码速度的便利工具。将它整合进文本编辑器，可以提供一些功能和快捷方式，加快开发速度。提供包括Eclipse、IDEA、UltraEdit、SlickEdit的插件。

ZenWeb可以帮助你建立一个完整的站点而不仅仅是一个页面。它提供完善的工具，包括站点设计和创建、HTML编辑器、以及其他一些用于页面和站点设计以及修改、设置和维护的的工具。

YSlow是yahoo美国开发的一个页面评分插件，非常的棒，从中我们可以看出我们页面上的很多不足，并且可以知道我们改怎么却改进和优化。 YSlow跌评分规则。 主要有12条： 1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求（其中15个JS请求，3个CSS请求，47个CSS background images请求），多的可怕。思考了下，为什么把这个三种请求过多列为对页面加载的重要不利因素呢，而过多的IMG请求并没有列为不利因素呢？ 发现原来这些请求都是可以避免的。 15个JS和3个CSS完全可以通过特殊的办法进行合并（这个技术部已经帮我们解决了，实在是太感谢了，嘿嘿。），这样合并以后，一般情况下页面上只会出现一个JS和一个CSS（对JS的封装得有一定的要求）。 但是47个CSS background images请求改怎么解决呢？为什么页面上的纯IMG请求时合理的，而CSS background images请求过多就是不利因素了呢。这个我想了很久，总算明白，原来是这样的： 一般页面上的ICON，栏目背景啊， 图片按钮啊，我们都会用图片CSS背景来实现，而一般这个图片CSS背景用到的图片都是比较小的，所以完全可以把这些图片合并成一个相对比较大的图片，这 样页面上只会出现一个CSS background images请求，最多也就2-3个。后来仔细看了下雅虎美国的页面，他们的确也是这样做的，虽然这样做需要花一定的时间来有规则的合并这些ICON，栏 目背景，图片按钮，以方便CSS调用，但是这样做绝对是合算的，而且是有必要的，YSlow也是极力推荐的。 2.Use a CDN 这 项我们的评分是F级，最低。说实在的，我刚开始什么是CDN都不知道。后来查了GOODLE才知道。CDN的全称是Content Delivery Network，即内容分发网络。其目的是通过在现有的Internet中增加一层新的网络架构，将网站的内容发布到最接近用户的网络”边缘”，使用户可 以就近取得所需的内容，解决Internet网络拥挤的状况，提高用户访问网站的响应速度。从技术上全面解决由于网络带宽小、用户访问量大、网点分布不均 等原因所造成的用户访问网站响应速度慢的问题。 看来上述的解释后，基本上明白了 CDN是怎么回事，后来咨询了下中文站点SA，得知我们网站目前的确还没有做CDN的优化，但是据说我们有更加先进的技术来解决类似的问题（具体什么技术 那就保密了），但是毕竟CDN也是个相当不错的技术，所以在我们先进技术的基础上在做CDN优化，肯定比现在更好，嘿嘿。据说SA明年会做几个点的 CND。 3. Add an Expires header 设置过期的HTTP Header.设置Expires Header可以将脚本, 样式表, 图片, Flash等缓存在浏览器的Cache中. 其实我们网站也做了这个优化，至少图 片在这个上做过优化，但是没有做完全。我们的CSS和JS都还没有做过优化，倒是外部引入的一个广告JS做了，呵呵。其实设置过期的HTTP Header 更应该做在脚本, 样式表, Flash上.不过据说这个SA也是没有做的，但是有一定的风险，因为JS和CSS是有一定的逻辑，如果服务器端和客户端都存在缓存的话，万一出了什么问 题，对我们以后查找问题的所在和增加难度，不过我想两者中是可以权衡和并存的。 4. Gzip components 对 我们的页面内容进行Gzip格式的压缩，Gzip格式是一种很普遍的压缩技术，几乎所有的浏览器都有解压Gzip格式的能力，而且它可以压缩的比例非常 大，一般压缩率为85%，就是说服务器端100K的页面可以压缩到25K左右的Gzip格式的数据发给客户端，客户端收到Gzip格式的数据后自动解压缩 后显示页面。 这点我们网站基本上是100%做到了，但是我们这项的评分并没有达到想象中的A级，原因是出在我们的外部链接，比如我们首页，有外部的广告投放JS，这个JS说拥有的网站是没有做过GZIP优化，连累了我们网站，所以我们也只有B，或者C级。 5. Put CSS at the top 把CSS外部链接放到页面的顶部。 其实这个原则我们一般都遵守的，如果 把CSS外部链接作为逻辑的一部分出现在页面头部以下，我个人觉得这个本身就是个错误。还好，我们的页面基本上都做到了，可是有些页面比如LIST页面， 还是出现了和逻辑挂钩的CSS链接，原因是为了解决一些本来就不合理的产品逻辑。所以，我们WEB前端工程师有义务杜绝这些不合理的产品逻辑破坏我们的页 面结果及页面加载速度，不能为了实现而实现。

YUI Compressor 是一个用来压缩 JS 和 CSS 文件的工具，采用Java开发。 使用方法： //压缩JSjava -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js//压缩CSSjava -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css

xhtmldbg 是一个web内容分析工具，包括对HTTP头、POST的数据进行监控、DOM和CSS的检查，JavaScript检查和SEO分析。

XPages 是 IBM Lotus Notes/Domino 8.5 为 Lotus Domino Web 2.0 应用程序开发人员提供的新技术。

XForm Designer 是一款基于Asp.net的表单设计器，设计出来的表单是标准 的Asp.net表单，这在工作流行业是个重大创新。使用XForm Designer，一方面用户并不需要了解编程知识，就能设计出实际工作中的大部分表单，另一方面用户可以灵活使用Asp.net的功能来增强表单。XForm Designer表单设计器具有以下优点使用方便，不需要编写程序就可以制作大部分表单； 可扩展性强，生成的表单是标准的Asp.net表单，即可以在设计器中编写Asp.net代码增强表单功 能，也可以在其它任何Asp.net编程环境中进一步修改表单，获得需要的功能。 使用更平滑，使用其它Asp.net编程工具修改表单后，可以平滑使用XForm Designer进一步修改表单。

Watcher是一个实时的基于HTTP的web应用程序被动分析工具。被动意味着它不会对系统造成破坏，它可以十分安全的用于云计算机、共享主机和托管 主机环境。Watcher即能够检测web应用程序安全问题还能够监测业务配置问题。Watcher能够为渗透测试人员提供热点漏洞检测，包括 Xss，cookies,comments,http响应头，SSL，Flash, Silverlight，referrer泄露，信息泄露和Unicode等可能存在的问题。

WebSite Auditor Enterprise 是一个功能强大却很易用的单页搜索引擎优化工具，除了可方便查看竞争对手在搜索引擎中的排名情况，还为你提供一些优化的报告和建议，是网站搜索优化 SEO 的强有力工具。 更多的屏幕截图请看这里。