天天看點

浏覽器debug調試第一步:F12打開調試台第二步:找到 source 第三步:找到要調試的檔案 第四步:給要觀察的代碼手動打上斷點,并點開watch第五步:重新整理頁面,開始調試觀察

第一步:F12打開調試台

第二步:找到 source

浏覽器debug調試第一步:F12打開調試台第二步:找到 source 第三步:找到要調試的檔案 第四步:給要觀察的代碼手動打上斷點,并點開watch第五步:重新整理頁面,開始調試觀察

第三步:找到要調試的檔案

浏覽器debug調試第一步:F12打開調試台第二步:找到 source 第三步:找到要調試的檔案 第四步:給要觀察的代碼手動打上斷點,并點開watch第五步:重新整理頁面,開始調試觀察
浏覽器debug調試第一步:F12打開調試台第二步:找到 source 第三步:找到要調試的檔案 第四步:給要觀察的代碼手動打上斷點,并點開watch第五步:重新整理頁面,開始調試觀察

第四步:給要觀察的代碼手動打上斷點,并點開watch

浏覽器debug調試第一步:F12打開調試台第二步:找到 source 第三步:找到要調試的檔案 第四步:給要觀察的代碼手動打上斷點,并點開watch第五步:重新整理頁面,開始調試觀察

在watch裡面輸入要觀察的變量

浏覽器debug調試第一步:F12打開調試台第二步:找到 source 第三步:找到要調試的檔案 第四步:給要觀察的代碼手動打上斷點,并點開watch第五步:重新整理頁面,開始調試觀察

第五步:重新整理頁面,開始調試觀察

浏覽器debug調試第一步:F12打開調試台第二步:找到 source 第三步:找到要調試的檔案 第四步:給要觀察的代碼手動打上斷點,并點開watch第五步:重新整理頁面,開始調試觀察