H5頁(yè)面真機(jī)調(diào)試
場(chǎng)景：測(cè)試真機(jī)兼容性問(wèn)題猛频、測(cè)試真機(jī)調(diào)用原生功能（如拍照）狮崩。
問(wèn)題：這些無(wú)法在瀏覽器模擬測(cè)試，需要直接在真機(jī)上驗(yàn)證鹿寻。嵌套在app的h5頁(yè)面睦柴，想要查看手機(jī)瀏覽器信息是非常困難的事，當(dāng)出現(xiàn)問(wèn)題時(shí)毡熏，查不到日志坦敌，通過(guò)alert打印日志一遍遍定位bug效率太低，還會(huì)阻攔進(jìn)程痢法。
解決方案：
1恬试、使用移動(dòng)端調(diào)試神器vconsole。
2疯暑、使用方法：
①在項(xiàng)目中下載vconsole训柴。
npm install vconsole
②項(xiàng)目入口html文件中引入
<!-- 調(diào)試 -->
<script src="/webapp/assets/vconsole.min.js"></script>
<script>
var vConsole=new VConsole();
</script>
③運(yùn)行后顯示如圖所示，可以看到log日志妇拯、Network網(wǎng)絡(luò)請(qǐng)求等幻馁。
vconsole.png
vconsole2.png
④下載Fiddler應(yīng)用，打開(kāi)應(yīng)用（調(diào)試時(shí)Fiddler要保持打開(kāi)狀態(tài)）越锈，配置端口：Tools->Options...->Connections->Fiddler listens on port: 8888
fiddler.png
⑤打開(kāi)手機(jī)連接局域網(wǎng)WiFi仗嗦，設(shè)置wifi為手動(dòng)配置代理，配置服務(wù)器（本機(jī)IPv4地址）和端口甘凭，例如
手動(dòng)：√
服務(wù)器：192.XXX.XX.XX //本機(jī)ip
端口：8888
