Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 如何在Chrome开发人员工具中启用在控制台中使用下划线?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用Angular2和下划线,

import * as _ from 'underscore';

我也想在Chrome控制台窗口中使用下划线库.
即使我确实打破了代码的中间部分,并尝试使用,但我得到了“未定义”错误.

我可以在Chrome控制台窗口中使用下划线吗?怎么样?

解决方法

您可以通过将underscore.js脚本添加页面的头部来简单地执行此操作:

1)转到要调试的页面的Chrome控制台.

2)运行此脚本以导入underscorejs,以便控制台开始识别_命令:

var s = document.createElement('script'); 
s.type = 'text/javascript';
s.src = 'https://cdnjs.cloudFlare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js';
document.head.appendChild(s);

或者,您可以将此类导入脚本代码保存在代码段中以供进一步使用:

转到源选项卡,选择代码段子选项卡,单击以添加代码段,然后添加以下代码并保存:

(function () {
  if (typeof window._ === 'undefined') {    
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.src = 'https://cdnjs.cloudFlare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js';
    document.head.appendChild(s);
  }
}());

这样,每当您需要使用外部库调试页面时,您只需通过运行其对应的代码段来添加它!

大佬总结

以上是大佬教程为你收集整理的angular – 如何在Chrome开发人员工具中启用在控制台中使用下划线?全部内容,希望文章能够帮你解决angular – 如何在Chrome开发人员工具中启用在控制台中使用下划线?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。