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後,可以查看屬性。