背景：随着接手web项目的增多，浏览器兼容是个很耗时的工作，所以在网上找找，看是否有合适的方式来提高工作效率的
指导文档：
http://uirecorder.com/
1、简介
属于阿里巴巴的一款开源的，基于WebDriver、Chrome浏览器、NodeJs等方案共同打造的零成本UI录制自动化解决方案，比Selenium IDE强大
2、功能
1）支持所有用户行为：键盘事件, 鼠标事件, alert, 文件上传, 拖放, svg, shadow dom
2）支持无线native app录制, 基于macaca实现：https://macacajs.com/
3）无干扰录制：和正常测试无任何区别，无需任何交互
4）录制用例存储在本地
5）支持丰富的断言类型：val,text,displayed,enabled,selected,attr,css,url,title,cookie,localStorage,sessionStorage
6）支持数据mock：Fake.js
7）支持公共测试用例：允许用例中动态调用另外一个
8）支持并发测试
9）支持多国语言：英文, 简体中文, 繁体中文
10）支持单步截图
11）支持HTML报告和JUnit报告
12）全系统支持：windows, mac, linux
13）支持多运行时测试, 例如：开发测试、预发测试
14）基于Nodejs的测试用例： jWebDriver
3、安装
1）安装nodejs
2）安装chrome浏览器
3）安装UIRecorder：npm install uirecorder mocha -g
4）安装服务Selenium standalone server：npm install selenium-standalone -g
5）安装webderive：selenium-standalone install
selenium、chrome、ie、firefox、edge安装成功
6）安装Mocha单元测试框架
- npm install mocha -g
- npm install jwebdriver expect.js mocha-generators faker –save-dev
- npm install jwebdriver chai faker –save-dev
4、初始化配置UI Recorder
1）初始化配置：uirecorder init一路回车
- Path扩展属性配置,除id,name,class之外：定义网页中属性定位控件
- 属性值黑名单正则：某些属性值是随机或动态的，配置忽略属性值，确保脚本稳定性
- class值黑名单正则：有些class属性的值会干扰自动化录制，配置忽略
- 断言前隐藏：断言时自动移除透明div，断言后自动恢复
- WebDriver域名或IP：执行机的IP地址，支持多个 WebDriver端口号
- WebDriver端口号
- 需要同时测试的浏览器列表：浏览器类型
或者 在config.json中修改部分配置