Vue框架項目實戰整理:6、輸出查看、bug調試總結(safari、chrome)

聲明:本教程不收取任何費用,歡迎轉載,尊重作者勞動成果,不得用於商業用途,侵權必究!!!

文章目錄

一、輸出查看

二、bug調試總結-Safari

1、快速定位錯誤

2、查看請求信息、返回信息

三、bug調試總結-chrome


一、輸出查看

console.log(result.body);

console.log('文字信息');

console.info('提示信息');

console.warn('警告信息');

console.error('錯誤信息);

 

document.write("Hello World!”);

document.write("<h1>Hello World!</h1>”);

 

alert(message)  要在 window 上彈出的對話框中顯示的純文本(而非 HTML 文本)

alert("我是一個消息框!”)

alert("再打個招呼。這裏演示了" + "\n" + "如何在消息框中添加折行。)

 

二、bug調試總結-Safari

1、快速定位錯誤

 

特殊案例快速排錯,例如:首頁導航欄,點擊item不顯示頁面,只顯示背景圖片

情況:(1)不顯示頁面(2)不報錯

解決思路:

A、瞭解程序的 執行流程 或 生命週期方法。打log輸出

console.log("created方法執行了!!!");

B、根據警告查看代碼

C、註釋近段時間寫的代碼(注:養成寫一個流程,測試一次的習慣)

 

2、查看請求信息、返回信息

開發-顯示頁面源文件

 

三、bug調試總結-Chrome

查看請求傳入的參數

1、右擊“檢查”,Console看輸出

2、Network,Headers查看客戶端請求信息,Response查看服務器端返回信息

 

 

 

 

 

 

 

 

 

 

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章