調試angularjs chrome 插件 Batarang安裝和使用

Angular chrome 插件 Batarang ,它對於調試和找到性能瓶頸會很有效。安裝後在開發者工具上會多出一個AngularJs選項。通過Enable複選框決定是否啓用。

Angular chrome 插件 Batarang ,它對於調試和找到性能瓶頸會很有效。安裝後在開發者工具上會多出一個AngularJs選項。通過Enable複選框決定是否啓用。

安裝Batarang 方法:下載xxxx.crx的文件,下載完成之後將該文件放在chrome安裝目錄下 。

1. chrome-->設置--->擴展程序,把附件拖進來,即完成安裝。

Models 作用域嵌套,可以從根對象一層一層深入到作用域內部。
可以看作用域是怎麼嵌套的,以及模型是如何被添加到作用域上的。

Performance 性能
可以查看大量的作用域和模型對象的性能。
Watch Tree 監控樹,點擊樹的節點,跳轉至相應的element元素上。

Service Dependencies 服務依賴關係
通過圖表把服務之間的依賴關係可視化
紅線代表依賴

Options 提供一些選項,選擇後在頁面中用不同顏色實線表示。

Help 幫助信息,說明各個選項的作用。

ps:
Elements(元素) 標籤的 Properties (屬性) 有一個AngularJs Properties區域,用來檢查綁定在特定元素作用域上的模型。

console 控制檯
同時把元素的作用域展示在控制檯中,可以在控制檯中使用$scope變量來訪問它。
輸入$scope後,可以查看屬性。



發佈了37 篇原創文章 · 獲贊 9 · 訪問量 11萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章