dmz社区

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2035|回复: 1

[浏览器插件] Console Importer-控制台导入器 v2.1.0

[复制链接]
发表于 2023-7-7 03:00:04 | 显示全部楼层 |阅读模式

本站资源全部免费,回复即可查看下载地址!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
使用方法:
打开 Chrome devtools 控制台,一个名为 $i 的函数可用于导入 JavaScript 和 CSS 资源。
$i('jquery')
导入特定版本:
$i('jquery@2')
此外,您可以导入有效的脚本 URL:
$i('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js')
也支持 CSS:
$i('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css')
导入 ES 模块
ES 模块已在现代浏览器中得到广泛支持。 $i.esm 方法在这种情况下很有用:
d3 = 等待 $i.esm('d3')
或指定一个版本:
d3 = 等待 $i.esm('d3@7')
这种方法的优点是不会向窗口添加全局变量,从而可以更好地控制副作用的范围。有关详细信息,请参阅 https://esm.run
故障排除
问:$i 没有按预期工作
某些网站(例如 Google Inbox)已经将 $i 用作全局变量。此扩展不会覆盖它。
您可以在这些网站上使用 console.$i。
Q: $i 导入资源失败
在 GitHub 等一些网站上,$i 将无法导入资源。控制台错误可能如下所示:
# js 错误示例
拒绝连接到“https://api.cdnjs.com/libraries?search=jquery”,因为它违反了以下内容安全策略指令:
# CSS 错误示例
拒绝加载样式表“https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”,因为它违反了以下内容安全策略指令:
这是因为这些网站有严格的内容安全政策。有关详细信息,请参阅内容安全策略 (CSP) wiki
它是如何工作的?
如果它像一个 JavaScript 库名称,如 jquery,请尝试从 cdnjs 加载它
如果它有版本号,比如 jquery@2,尝试从 unpkg 加载它
如果是有效的 URL(CSS 或 JS),直接加载
对于高级使用,还有两个函数 $i.unpkg 和 $i.cdnjs 可用于从特定 CDN 导入资源。
image.png


下载地址:

游客,如果您要查看本帖隐藏内容请回复
回复

使用道具 举报

6

主题

7691

帖子

2万

积分

超凡入圣

Rank: 10Rank: 10Rank: 10

积分
23676

发表于 2023-7-7 09:42:20 | 显示全部楼层
啥也不说了,感谢楼主分享哇!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|dmz社区

GMT+8, 2026-7-29 17:04 , Processed in 0.040448 second(s), 10 queries , Redis On.

Powered by Discuz! X3.4 Licensed

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表