Vue Devtools 开启

Amrf 发表于 2021/03/09 00:23:43 2021/03/09
【摘要】 production开启devtool使能,其实也没有下面参考链接的第一种方案那么复杂;/*-------------------------------------------------------*/angularjs的调试工具 --- 以前记得写过,搜素不到了Augury扩展了开发人员工具,添加了用于调试和分析Angular应用程序的工具。Augury是Google Chrome开发...

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,侦听器和观察者的数量。

https://chrome.google.com/webstore/detail/ng-inspect-for-angularjs/cidepfmbgngpdapgncfhpecbdhmnnemf?hl=en-US

AngularJS debugger

扩展允许用户在生产部署中“永久”打开AngularJS调试模式。
它基本上是AngularJS Batarang,但没有“性能”选项卡,并具有使您可以随意在启用了生产的应用程序中打开/关闭调试模式的附加功能。

https://chrome.google.com/webstore/detail/angularjs-debugger/ephdfcnmggiclecmmoppbblpjnojgnki?hl=en-US

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区),文章链接,文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。