一款功能齊全的客戶端( iOS 、Android、小程序 )研發助手

每一個稍微有點規模的 App,總會自帶一些線下的測試功能代碼,比如環境切換功能、幀率查看功能等等,這些功能的切換入口往往放在各式各樣的入口中,比如一些特殊的手勢,雙擊 statusBar,雙擊某一個功能區塊,或者新建一個 keyWindow 始終至於 App 最上方等等,而且每一個 App 裡面的線下附帶功能模塊很多是相似的,比如幀率查看、內存和 CPU 監控等等,但是現在基本上都是每個 App 都是自己實現了一份,經歷了以上的問題之後,此項目就有了它存在的意義。是一個功能集合面板,能夠讓每一個 App 快速接入一些常用的或者你沒有實現的一些輔助開發工具、測試效率工具、視覺輔助工具,而且能夠完美在面板中接入你已經實現的與業務緊密耦合的一些非通有的輔助工具,功能強大。

簡單總結

1、能夠快速讓你的業務測試代碼能夠在這裡統一管理,統一收口;
2、內置很多常用的工具,避免重複實現,一次接入,你將會擁有強大的工具集合。

  • 資源地址在文章尾部↓↓↓↓↓↓↓
  • 效果演示

    一款功能齊全的客戶端( iOS 、Android、小程序 )研發助手

    功能模塊

    一、常用工具

    1. 【App 信息查看】 快速查看手機信息,App 信息,權限信息的渠道,避免去手機設置查找或者查看項目源代碼的麻煩;
    2. 【沙盒瀏覽】 App 內部文件瀏覽的功能,支持刪除和預覽, 並且能通過 AirDrop 或者其他分享方式上傳到 PC 中,進行更加細緻的操作;
    3. 【MockGPS】 App 能定位到全國各地,支持地圖地位和手動輸入經緯度;
    4. 【H5任意門】 開發測試同學可以快速輸入 H5 頁面地址,查看該頁面效果;
    5. 【Crash查看】 方便本地打印出出現 Crash 的堆棧;
    6. 【子線程UI】 快速定位哪一些 UI 操作在非主線程中進行渲染,避免不必要的問題;(iOS獨有)
    7. 【清除本地數據】 一鍵刪除沙盒中所有數據;
    8. 【NSLog】 把所有 NSLog 信息打印到UI界面,避免沒有開發證書無法調式的尷尬;
    9. 【Lumberjack】 每一條 CocoaLumberjack 的日誌信息,都在在 App 的界面中顯示出來,再也不需要導出日誌這麼麻煩;(iOS獨有)
    10. 【DBView】 通過網頁方便快捷的操作應用內數據庫,讓數據庫的調試變得非常優雅;
    11. 【模擬弱網】 限制網速,模擬弱網環境下App的運行情況。(android獨有)

    二、性能檢測

    1. 【幀率】 App 幀率信息提供波形圖查看功能,讓幀率監控的趨勢更加明顯;
    2. 【CPU】 App CPU 使用率信息提供波形圖查看功能,讓 CPU 監控的趨勢更加形象;
    3. 【內存】 App 內存使用量信息提供波形圖查看功能,讓內存監控的趨勢更加鮮明;
    4. 【流量】 攔截 App 內部流量信息,提供波形圖展示、流量概要展示、流量列表展示、流量篩選、流量詳情,對流量信息統一攔截,成為我們 App 中自帶的 “Charles”;
    5. 【卡頓】 鎖定 App 出現卡頓的時刻,打印出對應的代碼調用堆棧;
    6. 【大圖檢測】 通過流量監測,找出所有的大小超標的圖片,避免下載大圖造成的流量浪費和渲染大圖帶來的CPU消耗。
    7. 【自定義】 可以選擇你要監控的選項,包括 FPS、CPU、內存、流量。監控完畢之後,把數據保存到本地,按照頁面進行維度進行分析;
    8. 【啟動耗時】 無侵入的統計出App啟動過程的總共耗時;
    9. 【UI層級檢查】 檢查出每一個頁面中層級最深的元素;
    10. 【函數耗時】 從函數級別分析app性能瓶頸;
    11. 【Load】 找出所有的Load方法,並給出耗時分析;(iOS獨有)
    12. 【內存洩漏】 找出App中所有的內存洩漏的問題。

    三、視覺工具

    1. 【顏色吸管】 方便設計師 UI 捉蟲的時候,查看每一個組件的顏色值是否設置正確;
    2. 【組件檢查】 可以抓取任意一個UI控件,查看它們的詳細信息,包括控件名稱、控件位置、背景色、字體顏色、字體大小;
    3. 【對齊標尺】 參考 Android 系統自帶測試工具,能夠實時捕獲屏幕座標,並且可以查看組件是否對齊;
    4. 【元素邊框線】 繪製出每一個 UI 組件的邊框,對於組件佈局有一定的參考意義。

    四、Weex專項工具(CML專項工具)

    1. 【console日誌查看】 方便在端上查看每一個Weex文件中的console日誌,提供分級和搜索功能;
    2. 【storage緩存查看】 將Weex中的storage模塊的本地緩存數據可視化展示;
    3. 【容器信息】 查看每一個打開的Weex頁面的基本信息和性能數據;
    4. 【DevTool】 快速開啟Weex DevTool的掃碼入口。

    獲取方式

    關注+轉發+私信“助手”,自動發送資源地址

    (溫馨提示:先關注,然後轉發,然後私信引號內的關鍵字)


    分享到:


    相關文章: