GrowingIO Web Debugger 安装

GrowingIO Web Debugger 是基于Chrome浏览器的一个插件，用户需要按照标准Chrome浏览器插件的步骤和方式来按照。具体的步骤如下：

  1. 下载growingio_web_debugger.zip 到本地磁盘，并完成解压缩到一个目录下。
  2. 打开Chrome浏览器，点击右侧的自定义及控制Google Chrome，在弹出的窗口中点击更多工具->扩展程序选项![] (https://lh3.googleusercontent.com/KTKNo4EVAxzk_DrMBvpn2VTMQ-NN9yohwvqGD2r-hUy_CjXg__XMdsTHfRhzXikUd3VWAryuxelvuCHiVDZMD_D0XZ3PELXwLdtCPMZweRvdIknAqlhv38W4iEObjobxBhpluDgy)![](https://lh5.googleusercontent.com/GCG1sh4gvdCTwGctBkKiQGCa4vNC-htEIf8axwkKqDAnPgtfOVlw0on4_VgwK4SpfXRASiE7H_udpGOlQBtNt5LDOpDb46HMvzU1EXYJZZUUa2UUBM4mW2FCDISbaaScPz_N6DGH)
  3. 进入到扩展程序管理界面后，勾选开发者模式选项框，然后点击加载已解压的扩展程序按钮，并在弹出的对话框中找到GrowingIO Web Debugger解压后的地址，点击确定。GrowingIO Web Debugger将会作为Chrome的扩展程序安装完毕。如下图

  4. 注意观察浏览器右上角的扩展程序图标如果出现如下图所示的图标，则表示GrowingIO Web Debugger安装成功![] (https://lh5.googleusercontent.com/vej-9q7kfuVrv35qDm3op0QdK27L9wnGi1rQwz7L8c_Ycff7V8oD8UhYUPjBzYhZFpTSf9l5LFbxNPedFh9LkuM8894ijOHl2hvcRRY_FldPPe_px2ZL2ezWgRug9dUjJE_ncvsw)

  5. 在添加了GrowingIO Web SDK的页面上，在空白处点击右键->检查打开Chrome浏览器的Dev Tool，可以看到出现了一个新的Tab为：GIO Web Debugger。实施技术顾问就可以在这个Tab页面上进行添加代码后的质量验证工作了。如下图