在EDAS控制臺遇到報錯彈窗時,推薦使用Chrome瀏覽器自帶的開發(fā)者工具來查看報錯的URL、對應(yīng)的請求參數(shù)以及返回值數(shù)據(jù),并將這些診斷數(shù)據(jù)發(fā)給后端支持人員,以便快速準(zhǔn)確地定位問題。

如何打開Chrome開發(fā)者工具

  • 打開Chrome瀏覽器,在內(nèi)容區(qū)域單擊鼠標(biāo)右鍵,在右鍵快捷菜單中單擊檢查。
  • 打開Chrome瀏覽器,在Windows系統(tǒng)按下快捷鍵Ctrl+Shift+I,在macOS系統(tǒng)按下快捷鍵Cmd+Opt+I。

如何使用開發(fā)者工具界面來收集診斷數(shù)據(jù)

當(dāng)在EDAS控制臺操作時遇到彈窗報錯,請參照以下步驟來收集診斷數(shù)據(jù)。

  1. 在當(dāng)前報錯頁面打開Chrome瀏覽器的開發(fā)者工具。
    Chrome的開發(fā)者工具窗口
  2. 單擊開發(fā)者工具面板左上角的Clear按鈕(Clear)。
    該操作可以清理之前打開的URL的數(shù)據(jù)。
  3. 單擊開發(fā)者工具面板左上角的recording按鈕(recording),然后觸發(fā)彈窗的報錯操作,彈窗報錯之后單擊開發(fā)者工具區(qū)域左上角的stop recording按鈕(recording)。
  4. 在Chrome開發(fā)者工具面板上選擇Network頁簽,依次單擊已錄制的URL鏈接,然后在右側(cè)單擊ResponsePreview頁簽,您可看到彈窗報錯對應(yīng)的響應(yīng)數(shù)據(jù)。
    response數(shù)據(jù)
  5. Headers頁簽內(nèi)的請求參數(shù)數(shù)據(jù)、URL鏈接和Response頁簽頁內(nèi)的數(shù)據(jù)一起復(fù)制給技術(shù)支持人員。
    重要 如果單擊按鈕或鏈接之后無彈窗報錯按鈕或鏈接,請將Chrome開發(fā)者工具窗口Console頁簽輸出的日志信息一起發(fā)給技術(shù)支持人員。
    技術(shù)支持人員將會根據(jù)以上數(shù)據(jù)來診斷分析彈窗報錯的原因。