在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 用vue-cli生成的工程在手機(jī)上訪問頁(yè)面空白

用vue-cli生成的工程在手機(jī)上訪問頁(yè)面空白

用vue-cli生成的SPA在手機(jī)部分瀏覽器如UC中無法顯示，在Chrome等Modern瀏覽器正常顯示，由此分析原因?yàn)閑s6語(yǔ)法不兼容，懷疑是轉(zhuǎn)碼不徹底導(dǎo)致，因此我去檢查了一下babel的配置，卻未發(fā)現(xiàn)異常

babel配置代碼如下

{
  "presets": [
    ["env", {
      "modules": false,
      "targets": {
        "browsers": ["last 10 versions", "ie >= 7"]
      }
    }],
    "stage-2"
  ],
  "plugins": ["transform-runtime"]
}

求路過的各位大神解惑，你們的每一句話對(duì)我來說都至關(guān)重要??！

另外求助各位大神，在真實(shí)手機(jī)環(huán)境中（不用Chrome模擬器來做）如何優(yōu)雅的調(diào)試？？？？

回答
編輯回答
筱饞貓

你可以監(jiān)聽一下window.onerror事件，然后把錯(cuò)誤信息發(fā)到測(cè)試服務(wù)器上，這樣有腳本錯(cuò)誤的情況，即使在真實(shí)手機(jī)環(huán)境你也能知道了。

  (function (){
    // 錯(cuò)誤監(jiān)聽
    window.onerror = function (message, url, line) {
      let userAgent = navigator.userAgent;
      // let url = window.location.href;
      let timestamp = Date.now();
      const link = '../error';
      let data = {
        url: url,
        userAgent: userAgent,
        timestamp: timestamp,
        detail: {
          message: message,
          line: line
        }
      };
      // 提交到服務(wù)器
      sendAjax(link, JSON.stringify(data));
    };
  })();
2018年7月26日 23:28
編輯回答
哚蕾咪

說說調(diào)試吧。

1、安卓手機(jī)

Chrome有個(gè)Remote devices的功能，只要你用數(shù)據(jù)線鏈接手機(jī)和電腦（手機(jī)開啟調(diào)試模式），就能在電腦上使用DevTools的功能；

大部分自帶瀏覽器都能直接調(diào)試，如果是基于第三方的APP開發(fā)，某些第三方APP會(huì)提供專門的測(cè)試版本（如釘釘）

2、有mac有iphone/ipad?

有MAC就方便了。。同樣數(shù)據(jù)線鏈接（手機(jī)端safari有個(gè)選項(xiàng)），打開Safari瀏覽器，選擇開發(fā)->顯示控制臺(tái)即可進(jìn)入調(diào)試。

3、有mac無iphone/ipad？

可以裝個(gè)xcode啟動(dòng)模擬器進(jìn)行調(diào)試

4、無mac有iphone/ipad?

該試試weinre了

npm i -g weinre

5、這種情況就不多說了。

2018年9月12日 13:24