以前写了很多篇chrome下扩展安装的事情,实际上,最初的目的都是为了安装这个react devtools。学习reactjs,必备调试利器。本文不是讲述如何下载react devtools的,而是讲述如何根据源码编译成品react devtools的。

苏南大叔:如何编译 react devtools 的浏览器扩展文件 - react-tools
如何编译 react devtools 的浏览器扩展文件(图1-1)

当然了,如果学会了『如何下载chrome官方的crx』,这里就不用自己编译了。不过自己编译的扩展,也是蛮有意思的说,对嘛?正式开始之前,大家可以先读读如下这2篇文章:

下载源码

官方git的地址是:

下载压缩包后,解压。看到了package.json,然后就知道需要执行命令:

sudo npm install

题外话

这款react devtools在谷歌插件里面的id是:fmkadmapgofadopljbjfkapdkoienihi

总结

当然,这个下面还有electron的扩展,不过因为使用方式比较不一样,这里就不细说了。以后再开帖说这个话题。

如果本文对您有帮助,或者节约了您的时间,欢迎打赏瓶饮料,建立下友谊关系。
本博客不欢迎:各种镜像采集行为。请尊重原创文章内容,转载请保留链接作者。
本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享。
转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议。
未经许可,规模化镜像抄袭本站内容的行为,将会根据有关法律法规进行维权。
程序如此灵动~》下所有原创文章,如被用于商业用途,请您按规定支付稿费。

 【加群】加入QQ群【175454274】和大家一起讨论这个问题

 【源码】本文代码片段及相关软件,请点此获取

 【绝密】秘籍文章入口,仅传授于有缘之人   js    react

本站的忠实读者小伙伴,正在阅读下面这些文章: