网站兼容性在线测试工具Adobe BrowserLab 试用
2010-07-09 21:11:58 作者：froglt 来源：蓝色理想
当全部文档上传完毕后，就可以在Adobe BrowserLab网站中预览生成的页面效果了，如图1.7所示。
图1.7在Adobe BrowserLab网站中预览页面
Adobe BrowserLab 提供了水平两栏对比和洋葱皮（onion skin）对比，可以将不同网页渲染模式下将结果重叠在一起，以便看看网页在不同浏览器下的区别，如图1.8所示。
图1.8 多窗口预览
如果需要测试不同浏览器中的预览效果，可以在Adobe BrowserLab网站页面的左上角的位置来选择相应的浏览器，如图1.9所示。
图1.9选择不同的测试浏览器
如果需要对服务器中的网页进行测试，可以直接在页面顶端的地址栏中输入需要进行测试的页面地址，如图1.10所示。
图1.10 对服务器中的页面进行测试
Adobe BrowserLab的出现对于广大的WEB前端工程师来说确实是一个非常有利的工具，但是由于Adobe BrowserLab是一种在线的服务，对于带宽有限的用户来说浏览速度有待提高，并且最终生成的预览只是一张静态的图像，页面中所有的交互功能都不能进行验证，希望Adobe能够在下个版本中进行相应的改进。
- 给各位提供一个我注册的公用账户：
- 用户名：froglt@sina.com
- 密码：go2here
- 栏目搜索>>分类导航
-
Flash幻灯
jQuery幻灯
JS幻灯
Flash相册
jQuery相册
图片特效
导航菜单
广告代码
在线客服
表单按钮
其它特效
- HTML CSS JavaScript Dreamweaver Fireworks 设计分享
-
建站教程
网站运营
实用工具
网页模板
网页素材
-
CSS酷站
网上购物
设计团队
设计博客
-
- 教程排行榜
- QQ、淘宝、MSN、Skype在线状态代码生成方法
- 四个免费的在线LOGO和徽章生成工具
- 分享三款免费的在线字体设计工具
- 十五个免费在线制作网站标志的工具
- IE调试工具：Microsoft SuperPreview for IE(附下载)
- 18款Wordpress最佳的免费幻灯片画廊插件推荐
- 解决eWebEditor编辑器在IE8中不能正常使用的方法
- 四款可以整合到网站的网页版即时通信IM插件系统
- 21个可用于网站和博客的免费视频播放器插件
- 国外五款主流的免费网站流量统计工具
- 三款字体辨认、查找、生成的免费在线字体应...
- 实用的网站Web表单(包括WordPress插件)在线创建工具
- 利用google翻译器制作多语种网站
- 十七款用于Chrome的网页设计开发工具扩展
- 六款网址代推、收藏与分享按钮工具推荐
- WEB开发之调试利器—Firebug应用全介绍
- 下载排行榜
- jQuery图片特效代码 带缩略图和文字标题简...
- 仿淘宝商城天猫首页jQuery多格焦点幻灯图特...
- 仿QQ商城焦点图jquery幻灯特效代码
- 宽屏flash+xml焦点幻灯图特效代码
- 效果媲美flash的jQuery幻灯代码支持多种切换效果
- 3D立体效果的flash+xml照片墙相册展示代码
- 带标题和数字导航的JS焦点幻灯特效代码
- 31款简单实用的CSS+JS下拉菜单脚本
- 漂亮的jquery+Lightbox灯箱效果图片展示特效代码
- 基于mootools有7种效果的Gallery(画廊)幻灯相册代码
- 超酷HTML5图片特效代码支持全屏显示
- 漂亮的jquery画廊相册特效支持缩略图和键盘...
- 可自动展开和折叠收起的QQ在线客服代码
- 半透明立体质感的宽屏flash+xml焦点幻灯代码
- 基于jQuery的首页自动收缩全屏广告代码
- 超酷3D摩天轮flash+xml幻灯相册特效源码