介绍一种CSS/JS解析方法

2013-12-25
  • 1198
  • 0
        在我们的工作中会遇到一些页面使用了CSS和JS形成的特效页面。如果仅用之前介绍过的HttpClient或者Jsoup等工具是没有办法看到网页渲染后的效果的,因此我们还需要一款能够解析CSS和JS的工具,最好它能像浏览器一样的解析效果。也能够提供程序API让我们基于此做程序开发。
        WebSpec是偶然间发现的一个工具,是Watij网页自动化测试项目中的一个子项目。它在Windows系统中可以调用IE和Firefox,在linux环境下可以调用Firefox,在Mac环境下可以调用Safari。网页解析后的效果与你使用浏览器打开网页后的效果一模一样。
        除此之外你还可以在网页上查找页面元素,并且输入或者点击。下面我用JAVA语言来分别解释一下。

//打开一个IE浏览器
WebSpec spec = new WebSpec().ie();  
 
//打开百度首页
spec.open("http://www.baidu.com");  
//等待页面加载和解析完成
spec.pauseUntilReady();
 
//在输入框输入一个关键词
spec.find.input().with.name("wd").set.value("耐特康赛");
//鼠标单击查询按钮,参数true表示单击查询后要等待结果页面加载解析完成。
     spec.find.input().with.id("su").click(true);   
 
        现在呈现在页面中的就是百度搜索结果页面了,通过上面的例子你已经看到了使用程序来模拟浏览器是如此简单。下面还有个更好玩的应用。来给你的网页照个像吧。
 
//把浏览器网页可显示的区域截屏并存储在D:\photo.png文件,这是个半身像
spec.snap(“D:\\photo.png”);

//把浏览器的整张网页截屏并存储在D:\ photo.png文件,这是个全身像
spec.snapAll(“D:\\photo.png”);