1. 程式人生 > >uirecorder 基於自己產品定製化開發步驟

uirecorder 基於自己產品定製化開發步驟

目標,修改元素獲取的方法

以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;
           }
        }