Vue Devtools 开启
production开启devtool使能,其实也没有下面参考链接的第一种方案那么复杂;
/*-------------------------------------------------------*/
angularjs的调试工具 --- 以前记得写过,搜素不到了
Augury
扩展了开发人员工具,添加了用于调试和分析Angular应用程序的工具。
Augury是Google Chrome开发工具的扩展程序,用于在运行时调试和可视化Angular应用程序。
https://chrome.google.com/webstore/detail/augury/elgalmkoelokbchhkhacckoklkejnhcd
AngularJS Batarang
扩展了开发人员工具,添加了用于调试和分析AngularJS应用程序的工具。
https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en
ng-inspect for AngularJS
帮助您调试AngularJS应用程序。扩展devtools中的elements面板以显示范围属性。
使用Angular JS应用程序中“开发人员工具栏”中的“元素检查器”或“元素”选项卡选择元素时,ng-inspect可帮助您访问元素范围的属性。
此扩展将提供对作用域,isolateScope [如果隔离了作用域],rootScope,jQuery元素及其事件[如果jQuery包含在页面中]的访问。
这些属性可通过$ s表示作用域,$ is表示isolateScope,$ rs表示rootScope,$ el表示jQuery元素,$ events表示与jQuery元素关联的事件,从而可用于Global / Window对象。
服务/工厂/常量可以使用$ get函数进行测试/验证。
$ count函数打印作用域,isolateScopes,侦听器和观察者的数量。
AngularJS debugger
扩展允许用户在生产部署中“永久”打开AngularJS调试模式。
它基本上是AngularJS Batarang,但没有“性能”选项卡,并具有使您可以随意在启用了生产的应用程序中打开/关闭调试模式的附加功能。
- 点赞
- 收藏
- 关注作者
评论(0)