uni-app 真机调试 chrome 开发者工具白板解决

首先检查是不是vue页面，只有vue页面才能使用chrome的开发者工具调试。因为nvue页面不是用webview渲染的，不适用于本文章，请略过。chrome开发者工具打开成功后，显示如下页面：

失败的话，就是一块白板。 

我调试使用的是华为手机，刚开始，连接、调试一切正常，可是当想检查元素的时候，打开后是白茫茫的，可把我急出一头冷汗，没有开发工具，debug的效率要大大折扣，赶紧百度google，一无所获。又是一头冷汗。

后来是捣鼓开发者工具的时候，发现如下页面：

恍然大悟，赶紧切换成google webview试试，果然能够正常显示。

不过后来还有个小插曲，配置不变的情况下，又白板了。不过好在解决了，要给chrome浏览器翻墙加梯子，就一切顺利了 

解决方案：

1、找到手机的开发者选项，找到webview实现选项，切换成Google WebView

2、chrome浏览器要翻墙