Chrome插件 - 在浏览器控制台引入npm包

2,316 阅读1分钟

我经常需要临时调试一个npm包(比如lodash),想知道它有哪些 api ,执行后是什么效果,但是无论是跳转到它的官网去查看文档上的用法,还是建立一个本地(或者在线)的项目先安装这个包,然后import再调用以及输出结果,这两种方式都略显繁琐,有没有什么快捷的能迅速调用这个包的 api 的办法呢?

🎉 有!那就是这个 Chrome 插件 🎉

预览

preview gif

使用_require命令安装使用npm包或任何CDN静态资源

安装

  1. 下载插件的 zip 包
  2. 打开 Chrome 的插件扩展页:chrome://extensions
  3. 把下载的 zip 包拖动到页面上即可安装

使用

打开浏览器控制即可使用_require来安装使用以下类型的资源👇

  • 支持 npm 包,不论是 js 类型还是 css 类型,也可指定某个版本或者版本范围,例如lodash或者lodash@1(需要 npm 包自身提供了可用于浏览器环境的资源)
  • 支持CDN资源形式的 js 内容或者 css 内容

🚀 安装完成后会自动探测包所在全局变量名称,方便直接使用

链接

--- 欢迎评论和改进意见 🥳 ---