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

Question

我正在使用 Angular2 和下划线，

import * as _ from 'underscore';

我也想在 Chrome 控制台窗口中使用下划线库。 即使我确实中断了代码的中间部分，并尝试使用 ，但我得到了 ' is not defined' 错误。

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

Answer 1

在 chrome 控制台中使用 underscore.js 进行练习。 第一步：打开https://underscorejs.org/ 第2步：现在打开控制台，我们可以使用下划线功能。

Answer 2

您只需将 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);

或者，您可以将此类 导入脚本 代码保存在 sn-p 中以供进一步使用：

进入source标签，选择sn-p子标签，点击+添加新的sn-p，然后添加以下代码并保存：

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

这样，每当您需要使用外部库调试页面时，只需运行其对应的 sn-p 即可添加它！