如何完整测试你的网站

一起学习

也许你用过一些“所见即所得”网页编辑器来进行网站的设计开发，但是却无法保证网站的访问者“所得即你所见”。那么你需要深入测试你的网站以确保访问者有一个良好的体验，不至于看都不想看就把它关掉。这里推荐了几种有用的工具来测试你的网站(网页)。


Browsershots
Browsershots提供了为你测试网页的在线服务，能够在不同的操作系统和不同的浏览器之中自动的捕获你的网站的截屏。你也可以选择是否在这些环境预览网页中的Flash,Java程序和JavaScript。
Browsershots现在是如此受欢迎以至于你在使用他们的截屏服务时不得不等待好几分钟的时间才能看到结果。


IE NetRenderer
IE NetRenderer是另一种工具，虽然速度比Browsershots快很多，但是只支持Internet Explorer的几种版本。基于Mac OS设计的网站则可以选择BrowsrCamp来测试，和Browsershots类似，但是只支持MAC OS的浏览器。

想看看你的网站在移动设备(BlackBerry or Windows Mobile)的小屏幕上是什么效果?Ok,让我们试试BrowserCam.另外一个比较好的选择是Opera Simulator,它可以让你在桌面上体验到Opera的Mobile版本。

相关信息:使用 Opera Simulator 来解决网站受限的问题

一些上网者仍然在用很慢很原始的拨号上网，在发展中国家这些人群仍不在少数，且不容忽视。所以我们在设计网站时，要权衡考虑大多人网速的问题，不要滥用Javascript广告, 图形, CSS, Flash 动画这些元素让你的网站变得越来越慢哦。



Pingdom是一种能够模拟网页如何被浏览器载入的工具。它能够显示一些动态数据(文件大小，载入时间)等等所有有可能导致你的网站变慢的因素。




其他的工具:
FireBug: 为Firefox设计，能显示让网站变慢的元素。


Print CSS：模拟PDF和打印效果。

下载本文示例代码


如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站 如何完整测试你的网站