利用chrome的開發者工具對JavaScript代碼打斷點調試,是一種常用的前端調試方法。
但有時我們需要對壓縮後的JavaScript進行調試,因爲現在前端大多采用FIS或webpack進行壓縮,如果拿不到JavaScript的源代碼,就只能對壓縮後的代碼進行斷點分析。
點擊Sources 面板下方的 pretty print 按鈕{}
,格式化JavaScript代碼,然後再打斷點調試即可。
參考文檔:
https://developers.google.com/web/tools/chrome-devtools/javascript/add-breakpoints