我們知道，HierarchyViewer是Android SDK包中非常好用的工具。開發(fā)及測試人員，即使沒有應(yīng)用程序的源代碼，也可以獲取Activity的控件層次圖，以及每個(gè)控件的所有屬性和截圖。那么，iOS下有沒有類似的工具呢？現(xiàn)在，答案是肯定的。

成都創(chuàng)新互聯(lián)專注于網(wǎng)站建設(shè)|成都網(wǎng)站維護(hù)公司|優(yōu)化|托管以及網(wǎng)絡(luò)推廣，積累了大量的網(wǎng)站設(shè)計(jì)與制作經(jīng)驗(yàn)，為許多企業(yè)提供了網(wǎng)站定制設(shè)計(jì)服務(wù)，案例作品覆蓋石牌坊等行業(yè)。能根據(jù)企業(yè)所處的行業(yè)與銷售的產(chǎn)品，結(jié)合品牌形象的塑造，量身策劃品質(zhì)網(wǎng)站。

HierarchyViewer for iOS是我們開發(fā)的一個(gè)開源工具，采用GPL v3協(xié)議。該項(xiàng)目基于eclipse RCP構(gòu)架，支持Mac OS X，Windows和Liunx三個(gè)平臺。項(xiàng)目借鑒了部分Android項(xiàng)目源代碼。

我們接下來就來詳細(xì)介紹該工具。HierarchyViewer for iOS的數(shù)據(jù)源是Instruments錄制和執(zhí)行javascript腳本時(shí)生成的日志文件--包括Automation Results.plist及截圖。HierarchyViewer for iOS不僅可以用來直觀地查看測試用例結(jié)果日志中的控件樹。還可以用它來輔助進(jìn)行Instruments下的iOS腳本錄制，相信可以為測試人員帶來極大的便利。那么，我們先來介紹如何用HierarchyViewer for iOS的用法，然后再來介紹它的主要功能。

HierarchyViewer for iOS使用方法介紹

HierarchyViewer for iOS的使用非常簡便，打開菜單 文件->打開plist日志，或者在工具欄中點(diǎn)擊，打開文件選擇對話框，選擇一個(gè)Automation Results.plist文件即可。

Instruments錄制時(shí)使用HierarchyViewer for iOS

我們推薦在錄制時(shí)使用HierarchyViewer for iOS來輔助錄制，步驟如下：

1）在用Instruments錄制腳本時(shí)，在需要獲取控件樹信息的位置插入如下代碼：

target.logElementTree()

這樣，在日志中將把此時(shí)的控件樹打印出來。注意，必須從根節(jié)點(diǎn)，也就是UIATarget開始打印HierarchyViewer for iOS才能識別。

2 ) 點(diǎn)擊Record按鈕，執(zhí)行腳本

3）把日志導(dǎo)出。 點(diǎn)擊Export Traced Results，把日志導(dǎo)出到文件夾。

4）在HierarchyViewer for iOS中打開剛剛保存的日志。你就可以看到“target.logElementTree()”執(zhí)行生成的控件樹了。

5）重復(fù)步驟1）-3），把日志導(dǎo)出到相同的目錄。這時(shí)，只要在HierarchyViewer for iOS中點(diǎn)擊“刷新plist日志”，即可獲得最新的日志。

HierarchyViewer for iOS功能介紹

HierarchyViewer for iOS界面主要包含5個(gè)視圖，分別是：

控件樹列表視圖

控件樹視圖

控件樹縮略圖

截屏視圖

屬性視圖

1，如何操作視圖

控件樹列表視圖中列出了Automation Results.plist中包含的所有控件樹，如果有列表項(xiàng)的名字是“UIATarget- name-iPhone Simulator rect-{{0,0},{320,480}} 4”，那么在日志文件夾中你可以找到一個(gè)同名的.png的截屏圖片，和同名的文件夾保存了各個(gè)控件的截圖。 列表項(xiàng)被選中時(shí)，控件樹視圖、控件樹縮略圖和截屏視圖會立刻打開并顯示選中的控件樹的視圖。

當(dāng)控件樹列表視圖項(xiàng)被選中后，控件樹視圖、控件樹縮略圖、截屏視圖和屬性視圖將被激活，我們簡單介紹下他們是怎么工作的。

1，前后滾動(dòng)鼠標(biāo)滾輪，可以放大或縮小控件樹視圖；按住控件樹視圖的空白區(qū)域，可以拖動(dòng)整個(gè)控件樹?？丶淇s略圖也會隨之變化。

2，在控件樹選中某個(gè)節(jié)點(diǎn)/控件時(shí)，縮略圖和截屏視圖對應(yīng)的節(jié)點(diǎn)/控件也會被選中，屬性視圖中會顯示該節(jié)點(diǎn)的所有屬性。當(dāng)然，在截屏視圖中選中某個(gè)控件時(shí)，其他視圖也會做出同樣的響應(yīng)。

3，當(dāng)鼠標(biāo)在截屏視圖上移動(dòng)時(shí)，我們會為你顯示該點(diǎn)對應(yīng)的坐標(biāo)值，該坐標(biāo)值是iOS系統(tǒng)的標(biāo)準(zhǔn)坐標(biāo)值：

2，保存層次結(jié)構(gòu)圖

在菜單欄中選擇保存控件樹視圖，或者在工具欄中點(diǎn)擊，可以把控件樹保存為圖片。

3，生成javascript調(diào)用路徑

在層次結(jié)構(gòu)視圖或者截屏視圖中選中一個(gè)節(jié)點(diǎn)/控件，點(diǎn)擊右鍵，會彈出如下菜單欄：

      

點(diǎn)擊菜單項(xiàng)，將生成該節(jié)點(diǎn)的調(diào)用路徑，并保存在剪貼板，例如

拷貝函數(shù)調(diào)用路徑（索引）：生成基于控件索引的函數(shù)調(diào)用路徑并保存在剪貼板，如

target.frontMostApp().windows()[0].tableViews()[0].groups()[2].elements()[0]

拷貝函數(shù)調(diào)用路徑（控件名）：生成基于控件名的函數(shù)調(diào)用路徑并保存在剪貼板，如

target.frontMostApp().windows()[0].tableViews("Empty list").groups("Advanced Options").elements("Advanced Options")

這樣，把生成的控件調(diào)用路徑拷貝到Instruments的腳本中，你就可以直接調(diào)用該控件的操作了，而不需要重新再錄制一遍。很酷吧。

下節(jié)展望

在寫自動(dòng)化測試用例時(shí)，一個(gè)重要的問題就是對動(dòng)態(tài)控件的查找和操作。 想過用jquery的語法來查找iOS控件嗎？ 我們正在開發(fā)一個(gè)叫做iquery的開源項(xiàng)目（猜猜它是做什么的）。事實(shí)上，HierarchyViewer for 有些功能就是輔助編寫iquery的，下一節(jié)，我們將介紹怎么使用HierarchyViewer for iOS來輔助編寫iquery。請保持關(guān)注吧。

Github地址：https://github.com/vowei/HierarchyViewer-4-iOS

程序下載地址：https://github.com/vowei/HierarchyViewer-4-iOS/downloads

項(xiàng)目官方地址: www.vowei.com

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前題目：開源項(xiàng)目--HierarchyViewerforiOS（1）-創(chuàng)新互聯(lián)
文章位置：http://weahome.cn/article/dgghjp.html