Yiero 发表于 2023-9-18 00:38:24

[Console Importer] 通过控制台安装 JS / CSS 库

本帖最后由 Yiero 于 2023-9-18 21:26 编辑

> 本帖最后由 Yiero 于 2023-9-18 18:29 编辑

> 本帖最后由 Yiero 于 2023-9-18 10:13 编辑


## 脚本用处

通过控制台引入各种第三方JS库 / CSS库, 方便对一些简单操作进行调试.

比如您刚接触一个库, 想要根据文档先试一试这个库中的一些函数的使用, 这时候就可以直接通过这个脚本, 打开控制台安装对应库, 直接对应网页文档进行调试.

> 目前只支持通过链接下载, 后续会支持根据库名称搜索下载的功能.

## 功能介绍


通过控制台引入 JS / CSS 库.

输入 `$i( url )` 下载 js / css 库

支持所有CDN网站的下载, 脚本默认支持以下CDN网站的授权:
(下载非授权的CDN网站会弹出授权允许页面, 选择\[总是允许此域名\]即可授权对应CDN网站,
或者可以联系我添加对应网站的默认授权):

- cdnjs
- bootcdn
- jsdelivr

## 示例

下载 JQuery 库

```js
$i( 'jquery' );
```

> 注意: 请不要随便下载JQuery或者其他一些比较常用的库, 因为下载的库会污染网页全局环境, 可能会导致原本的网页出问题

> 默认使用 (https://www.bootcdn.cn/) 中的库进行下载, 安装最新版本的库
> 比如上面的 jQuery 就会下载 \[https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.min.js\]

---

通过链接, 下载特定版本的JQuery@2.2.4

```js
$i( 'https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js' );
```

---

卸载已经安装到页面中的JQuery

```js
$ui( 'jquery' );
$ui( 'https://cdn.bootcdn.net/ajax/libs/jquery/2.2.4/jquery.min.js' );
```

---

查看最新版本的JQuery cdn链接 (不加载到页面中)

```js
$o( 'jquery' );
```

## 更新日志

**v1.2.0**

feat: 支持默认库获取, 比如输入 `$i( 'jquery' )` 搜索对应库获取.

> 目前默认使用 bootcdn 且只能搜索 (https://www.bootcdn.cn/) 中的库.

---

**v1.1.2**

feat: 为输出信息添加了分组显示功能, 现在可以将输出信息折叠了

---

**v1.1.1**

feat: 添加了一个功能, `$o()` 用于向默认库中搜索对应库的链接

> 单纯搜索, 不加载到页面中

---

**v1.1.0**
feat: 添加了删除已载入页面的库的功能 `$ui()`

---

**v1.0.1**
fix: 修复了JS库 / CSS库载入判断相反的问题; 修复了下载信息提示缺失的问题.

---

**v1.0.0**
feat: 支持通过链接下载

## 更新计划

**v1.3.0**
支持默认库切换

**v1.4.0**
支持根据特定的版本号下载对应的库, 现在下载特定版本的库只能通过链接形式下载

---

> 本脚本由之前分享的插件以及王一之的评论有感
> (https://bbs.tampermonkey.net.cn/thread-5055-1-1.html)
> [在控制台中调试油猴API函数](https://bbs.tampermonkey.net.cn/thread-4154-1-1.html)

王一之 发表于 2023-9-18 09:37:30

woc,哥哥这效率也太高了吧
页: [1]
查看完整版本: [Console Importer] 通过控制台安装 JS / CSS 库