2015年7月 Web 开发大版内专家分月排行榜第三
2016年1月 Java大版内专家分月排行榜第二2015年12月 Java大版内专家分月排行榜第二2015年8月 Java大版内专家分月排行榜第二2015年3月 Java大版内专家分月排行榜第二2015年1月 Java大版内专家分月排行榜第二2014年12月 Java大版内专家分月排行榜第二2014年11月 Java大版内专家分月排行榜第二2014年6月 Java大版内专家分月排行榜第二2014年4月 Java大版内专家分月排行榜第二2014年1月 Java大版内专家分月排行榜第二2013年11月 Java大版内专家分月排行榜第二
2015年9月 Java大版内专家分月排行榜第三2015年6月 Java大版内专家分月排行榜第三2015年5月 Java大版内专家分月排行榜第三2015年2月 Java大版内专家分月排行榜第三2014年3月 Java大版内专家分月排行榜第三2013年12月 Java大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。上一节我们安装好了macaca环境，这节我们来进行PC录制：
一、安装UI Recorder
　　　　命令窗口输入：npm install uirecorder mocha -g
二、初始化配置
　　　　1、创建文件夹：recordPC
　　　　2、文件夹目录下打开命令窗口，输入：uirecorder init
　　　　　　
　　　　3、npm install
　　　　　　
　　　　4、开始录制
　　　　　　命令窗口输入：uirecorder start sample/test.spec.js
　　　　　　
　　　　5、输入你要打开的URL，回车，
　　　　　　
　　　　6、录制完毕，点击结束录制
　　　　　　
　　　　7、部署webdriver服务
　　　　　　7.1、命令窗口输入：npm run installdriver
　　　　　　
　　　　　 & 7.2、命令窗口输入:npm run server
　　　　　　
三、执行测试用例
　　　　1、运行所有脚本
　　　　　　文件目录下打开命令窗口，输入：run.bat
　　　　2、运行单个脚本
　　　　　　文件目录下打开命令窗口，输入：run.bat&sample/test.spec.js
四、查看测试报告和单步截图
　　　　./reports/index.html
　　　　./screenshots/
　　　　　　
阅读(...) 评论()posts - 281,&
comments - 122,&
trackbacks - 0
jquery ui弹出div层对话框,效果预览:以下是完整代码，保存到html文件，打开也可以预览效果：
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml"&
&title&jquery ui弹出div层对话框--柯乐义&/title&
&link rel="stylesheet" href="/keleyi/pmedia/jquery/ui/1.10.3/css/smoothness/jquery-ui.min.css" /&
&script type="text/javascript" src="/keleyi/pmedia/jquery-1.9.1.min.js"&&/script&
&script src="/keleyi/pmedia/jquery/ui/1.10.3/js/jquery-ui-1.10.3.min.js" type="text/javascript"&&/script&
&script type="text/javascript"&
function keleyidialog() {
$("#dialog").dialog();
&style type="text/css"&#dialog{display:none;}&/style&
&div style="width:338height:100margin:10"&&input type="button" onclick="keleyidialog()" value="点击我" /&
&a href="/a/bjac/c920ff6d.htm" target="_blank"&原文&/a& &a href="/keleyi/phtml/jui/dialog/1.htm"&无动画&/a& &a href="/keleyi/phtml/jui/dialog/2.htm"&动画&/a&
&a href="/keleyi/phtml/jui/dialog/3.htm"&redmond&/a&
&a href="/keleyi/phtml/jui/dialog/4.htm"&sunny&/a&
&br /&点击按钮弹出对话框
&div id="dialog" title="div层对话框"&
&p&This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.&/p&
&p&柯乐义：这是一个弹出div层对话框，可用于显示信息。可以拖动和关闭这个弹出层，还可以改变它的大小。 &/p&
还有多种样式可供选择，例如eggpant或者vader等。只需将上面代码中的smoothness换掉就eggplant、sunny、redmond或者vader可以了。例如vader：sunny：jquery ui的dialog方法，有着很强大的功能，比如把上面代码中的keleyidialog函数换成以下代码则有不同效果：代码：
function keleyidialog() {
$("#dialog").dialog({
resizable: false,
height: 240,
width: 400,
modal: true,
buttons: {
"确定": function () {
window.location.href = "";
"取消": function () {
$(this).dialog("close");
resizable：是否能够改变对话框的大小（true、false）height: 对话框的高度（240）width: 对话框宽度（400）modal: 是否有遮罩层（true,false）,如果为ture，则弹出对话框时，网页中除了弹出的对话框纸袋，其他元素都被遮罩层盖住，无法操作buttons：在对话框上显示按钮，点击按钮会执行相应方法。参考：
本文转载自柯乐义：
阅读(...) 评论()本帖子已过去太久远了，不再提供回复功能。}