Chrome浏览器安装React Developer Tools（crx文件无法安装）

1、下载react developer tools离线的crx工具包

下载地址为：http://chromecj.com/Handler/Download/890  

常用插件网址：
http://www.cnplugins.com/
http://chromecj.com/

2、手动设置chrome浏览器默认第三方下载的扩展包

• chrome浏览器默认不允许安装三方下载的扩展包，需要手动设置允许。
• 具体步骤： 鼠标右键chrome -> 属性 ->目标，加入参数：-enable-easy-off-store-extension-install
  
  
  

3. 将扩展名为crx的Chrome插件安装到谷歌浏览器中

1.方法一：

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

• 第二步，
  
  
  

• 第三步，react developer tools暂时安装成功，测试react程序，发现react图标并没有点亮，后续再解决，我们先看一下第二种情况。
  
  
  
  

2.方法二

• 由于一些特殊原因，某些chrome浏览器并不能直接自动识别crx文件，会出现“程序包无效”的错误，如下如图所示：
  
  
  
• 此时需要按照以下步骤执行：
• 第一步，把下载后的.crx扩展名的离线Chrome插件的文件扩展名改成.zip或者.rar（如果看不到.crx或者其他扩展名，请自行百度搜索显示扩展名的设置方法，这里不再叙述），如图所示：
  
  
  
• 第二步，右键点击该文件，并使用压缩软件（如winrar、好压、360压缩等）对该压缩文件进行解压，并保存到系统的一个任意文件夹（本人是保存chrome安装文件夹下，不会丢失）下，如图所示：
  
  
  
• 第三步，解压成功以后，该Chrome插件就会以文件夹的形式存在于操作系统的某一个目录下面，如图所示：
  
  
• 第四步，返回浏览器->扩展程序页面，点击“加载已解压的扩展程序”，将文件目录切换到刚刚解压好的扩展文件的目录下，选择已经解压好的《20200104154536chromecj.com》文件夹
  
  
• 第五步，浏览器的扩展程序中就可以看到React Developer Tools了，至此，chrome安装React Developer Tools 插件成功！
  
  
  
  

4. 解决”react图标并没有点亮“的问题

1） 点击扩展程序列表中的React Developer Tools详细信息，进入如下页面，打开开关：允许访问文件网址




2）react图标点亮，打开开发者工具，看到菜单栏多了React一栏,如果没有看到可以重新刷新一下页面，或者关闭浏览器再打开即可。（注意：该页面必须是使用了react的页面，才能看到react的图标）

3）到此，React Developer Tools插件安装成功！！！！