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

时间:2017-01-25 09:12:54

标签: angular google-chrome-console

我使用Angular2和下划线,

import * as _ from 'underscore';

我想在Chrome控制台窗口中使用下划线库。 即使我确实打破了代码的中间部分,并尝试使用,但我没有定义' 未定义'错误。

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

2 个答案:

答案 0 :(得分:12)

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

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

转到来源标签,选择代码段子标签,点击+添加新代码段,然后添加以下代码并保存:< / 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);
  }
}());

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

答案 1 :(得分:1)

在 chrome 控制台中使用 underscore.js 进行练习。 第 1 步:打开 https://underscorejs.org/ 第二步:现在打开控制台,我们可以对它使用下划线函数。