使用 ng-inspect chrome 擴充套件

ng-inspect 是一個輕量級 Chrome 擴充套件,用於除錯 AngularJS 應用程式。

從元素面板中選擇節點時,範圍相關資訊將顯示在 ng-inspect 面板中。

https://i.stack.imgur.com/BQ1xj.jpg

暴露少量全域性變數以快速訪問 scope/isolateScope

$s      -- scope of the selected node
$is     -- isolateScope of the selected node
$el     -- jQuery element reference of the selected node (requiers jQuery)
$events -- events present on the selected node (requires jQuery)

https://i.stack.imgur.com/jn3Zo.jpg

提供對服務/工廠的輕鬆訪問。

使用 $get() 按名稱檢索服務/工廠的例項。

https://i.stack.imgur.com/8sRj5.jpg

可以通過計算應用程式中的 no.of 範圍,isolateScope,觀察者和監聽器來監視應用程式的效能。

使用 $count() 獲取範圍,isolateScope,觀察者和監聽器的計數。

https://i.stack.imgur.com/Du8Za.jpg

注意:此擴充套件僅在啟用 debugInfo 時有效。

在這裡下載 ng-inspect