uirecorder 基于自己产品定制化开发步骤

版权声明: https://blog.csdn.net/weixin_41357300/article/details/84824723

目标,修改元素获取的方法

以xpath形式的相对路径方式获取text

1、修改chrome插件 

2、foreground.js 在此修改元素css获取逻辑

2、start.js 替换插件id

3、编译好的插件替换原有插件

例如如下能实现对于button的按照自定义层级,获取text 的自动录制修改方法

//增加对于button的text直接定位处理,因为有些button虽然没有text,但是它下面层级的span会有text可以直接拿来用直接定位
		
		else if(tagName === 'button'){
            // 表单项特殊校验
			//如果子节点存在span,且span有值 button>span.
			//则tempPath = button/span[text()="span值"]
           sub_tartgets = target.childNodes;
		   text_temp = "";
		   for(var i = 0,len = sub_tartgets.length; i < len; i++ ){  
				//判断子节点名称,注意大写。
				tagName_temp = sub_tartgets[i].tagName
                if(sub_tartgets[i].tagName == 'SPAN'){  
					text_temp = sub_tartgets[i].textContent
					break
				}
					//下面的代码后续有用
		   }
			tempPath ='//button//span[text()="'+text_temp+'"]'+'/..';
			 
            if(checkUniqueXPath(rootNode, tempPath, isAllDom)){
			
                return tempPath;
           }
        }

猜你喜欢

转载自blog.csdn.net/weixin_41357300/article/details/84824723