如何在 Chrome 开发者工具的控制台中启用下划线?

2024-05-04

我正在使用 Angular2 和下划线,

import * as _ from 'underscore';

我也想在 Chrome 控制台窗口中使用下划线库。 即使我确实在代码中间中断,并尝试使用,但我得到了'未定义'错误。

我可以在 Chrome 控制台窗口中使用下划线吗?如何?


您只需添加即可做到这一点下划线.js脚本到页面的头部:

1) 前往Chrome 控制台您要调试的页面的名称。

2)运行此脚本进行导入下划线js这样控制台就开始识别_命令:

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);

或者,您可以保存这样的导入脚本里面的代码snippet进一步使用:

Go to source选项卡,选择snippet子选项卡,单击+要添加新片段,然后添加以下代码并保存:

(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);
  }
}());

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何在 Chrome 开发者工具的控制台中启用下划线? 的相关文章

随机推荐