Chrome浏览器安装React Developer Tools

1、下载react developer tools离线的crx工具包,地址为:http://chromecj.com/Handler/Download/890

2、chrome浏览器默认不允许安装三方下载的扩展包,需要手动设置允许。具体步骤:

鼠标右键chrome -> 属性 -> 目标,加入参数:-enable-easy-off-store-extension-install


Chrome浏览器安装React Developer Tools_第1张图片

3、打开浏览器,点击右上角‘三个点’,选择下拉菜单中的更多工具 -> 扩展程序


Chrome浏览器安装React Developer Tools_第2张图片

4、将下载的文件拖入到页面中进行安装


Chrome浏览器安装React Developer Tools_第3张图片

5、react developer tools安装成功,测试react程序,发现react图标并没有点亮。


Chrome浏览器安装React Developer Tools_第4张图片

6、点击扩展程序列表中的React Developer Tools详细信息,进入如下页面,打开开关:允许访问文件网址。


Chrome浏览器安装React Developer Tools_第5张图片


Chrome浏览器安装React Developer Tools_第6张图片

7、react图标点亮,打开开发者工具,看到菜单栏多了React一栏


Chrome浏览器安装React Developer Tools_第7张图片

你可能感兴趣的:(Chrome浏览器安装React Developer Tools)