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

How to enable to use underscore in console in Chrome developer tool?

我正在使用 Angular2 和下划线,

import * as _ from 'underscore';

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

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

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

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

转到 source 选项卡,select 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);
  }
}());

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

使用 underscore.js 进入 chrome 控制台进行练习。 第 1 步:打开 https://underscorejs.org/ 第 2 步:现在打开控制台,我们可以对其使用下划线功能。