從外部調試角度應用程序（僅瀏覽器控制台）

Question

我有這個有角度的網站，當所有內容連接在一起（未壓縮）時，由於某種原因無法調試。 例如，如果我嘗試設置一個斷點，則該斷點將放置在其他位置（在另一個文件的底部）:(

因此，為了克服這個問題，我想使用瀏覽器控制台設置一個斷點（如果可能的話）。

在當前情況下，我需要在服務方法內設置一個斷點。 所以我想，我需要擁有該服務的參考資料。 但是棱角將那些保留在哪里。 例如，我嘗試了這個

$> var myApp = angular.module('myApp');
$> debug(myApp.injector('someSevice').someMethod);

如果這行得通，我希望調試器在調用someMethod時啟動。

這是另一個失敗的嘗試：

$> myApp.run((someService) => { debug(someService.someMethod)});

任何幫助如何做到這一點將不勝感激？

更新：找到一種訪問服務的方法

$> angular.injector(['myApp']).get('someService').someMethod

但是，就我而言，此函數僅在最初被調用

Answer 1

如果您要調試實時生產應用程序，則可能會禁用該網站的debug info ，而這樣做實際上是為了increase performance網站的increase performance 。 因此，使用angular.reloadWithDebugInfo(); 在控制台中，然后嘗試調試。