前端无需install快速调试npm包，Console-Import使用

Console-Import是一个Chrome扩展插件，可以方便地从Chrome控制台导入JavaScript和CSS资源。它可以帮助我们在开发过程中快速调试和测试第三方库或代码。

下载地址

安装

要安装Console-Import，请在Chrome网上应用店搜索“Console-Import”，然后点击“添加到Chrome”。

使用

使用Console-Import非常简单。在Chrome控制台中，输入以下命令：

$i <资源路径>

其中，<资源路径>可以是JavaScript文件的URL、本地文件路径或npm包名称。

例如，要导入一个名为my-lib.js的JavaScript文件，可以使用以下命令：

$i https://cdnjs.cloudflare.com/ajax/libs/my-lib/1.0.0/my-lib.js

要导入一个名为my-style.css的CSS文件，可以使用以下命令：

$i my-style.css

要导入一个名为my-npm-package的npm包，可以使用以下命令：

$i my-npm-package

导入成功后，Console-Import会将资源加载到当前页面中。我们就可以在代码中使用导入的资源了。

示例
以下是一个使用Console-Import导入lodash库的示例：

var query_str = "hello world";
let key = CryptoJS.enc.Utf8.parse('GftZqNE0BVdB2kwx');
let iv = CryptoJS.enc.Utf8.parse('3zyJFPEzh6rUeUNi');
// 加密方式使用CBC，padding偏移量设置成Pkcs7，以便和后端对应解密
let encryptData = CryptoJS.AES.encrypt(query_str, key, {
    mode: CryptoJS.mode.CBC,
    iv: iv,
    padding: CryptoJS.pad.Pkcs7
});

console.log(encryptData.toString());

输出结果：

0s3w2HbAHb+BQ4wgcdOI2w==

总结
Console-Import是一个非常实用的Chrome扩展插件。它可以帮助我们在开发过程中快速调试和测试第三方库或代码。如果你经常使用Chrome控制台，那么Console-Import是一个值得推荐的工具。