我经常需要临时调试一个npm包(比如lodash),想知道它有哪些 api ,执行后是什么效果,但是无论是跳转到它的官网去查看文档上的用法,还是建立一个本地(或者在线)的项目先安装这个包,然后import再调用以及输出结果,这两种方式都略显繁琐,有没有什么快捷的能迅速调用这个包的 api 的办法呢?
🎉 有!那就是这个 Chrome 插件 🎉
预览
使用_require命令安装使用npm包或任何CDN静态资源
安装
- 下载插件的 zip 包
- 打开 Chrome 的插件扩展页:chrome://extensions
- 把下载的 zip 包拖动到页面上即可安装
使用
打开浏览器控制即可使用_require来安装使用以下类型的资源👇
- 支持 npm 包,不论是 js 类型还是 css 类型,也可指定某个版本或者版本范围,例如
lodash或者lodash@1(需要 npm 包自身提供了可用于浏览器环境的资源) - 支持CDN资源形式的 js 内容或者 css 内容
🚀 安装完成后会自动探测包所在全局变量名称,方便直接使用
链接
- Github:github.com/kricsleo/we…
--- 欢迎评论和改进意见 🥳 ---