Console-Import是一個(gè)Chrome擴(kuò)展插件，可以方便地從Chrome控制臺(tái)導(dǎo)入JavaScript和CSS資源。它可以幫助我們在開發(fā)過程中快速調(diào)試和測試第三方庫或代碼。

下載地址

安裝

要安裝Console-Import，請?jiān)贑hrome網(wǎng)上應(yīng)用店搜索“Console-Import”，然后點(diǎn)擊“添加到Chrome”。

使用

使用Console-Import非常簡單。在Chrome控制臺(tái)中，輸入以下命令：

$i <資源路徑>

其中，<資源路徑>可以是JavaScript文件的URL、本地文件路徑或npm包名稱。

例如，要導(dǎo)入一個(gè)名為my-lib.js的JavaScript文件，可以使用以下命令：

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

要導(dǎo)入一個(gè)名為my-style.css的CSS文件，可以使用以下命令：

$i my-style.css

要導(dǎo)入一個(gè)名為my-npm-package的npm包，可以使用以下命令：

$i my-npm-package

導(dǎo)入成功后，Console-Import會(huì)將資源加載到當(dāng)前頁面中。我們就可以在代碼中使用導(dǎo)入的資源了。

示例
以下是一個(gè)使用Console-Import導(dǎo)入lodash庫的示例：

var query_str = "hello world";
let key = CryptoJS.enc.Utf8.parse('GftZqNE0BVdB2kwx');
let iv = CryptoJS.enc.Utf8.parse('3zyJFPEzh6rUeUNi');
// 加密方式使用CBC，padding偏移量設(shè)置成Pkcs7，以便和后端對應(yīng)解密
let encryptData = CryptoJS.AES.encrypt(query_str, key, {mode: CryptoJS.mode.CBC,iv: iv,padding: CryptoJS.pad.Pkcs7
});console.log(encryptData.toString());

輸出結(jié)果：

0s3w2HbAHb+BQ4wgcdOI2w==

總結(jié)
Console-Import是一個(gè)非常實(shí)用的Chrome擴(kuò)展插件。它可以幫助我們在開發(fā)過程中快速調(diào)試和測試第三方庫或代碼。如果你經(jīng)常使用Chrome控制臺(tái)，那么Console-Import是一個(gè)值得推薦的工具。