寫在前面：以Windows版ide操作為例，mac版ide可參考以下操作。

選擇頁面，右鍵“預(yù)覽”，打開模擬器。

右鍵“審查元素”，動(dòng)態(tài)跟蹤和調(diào)試代碼，變更顯示效果，作斷點(diǎn)調(diào)試。

1、CSS調(diào)試。

2、JS斷點(diǎn)調(diào)試。

選擇需要調(diào)試的文件。

設(shè)置斷點(diǎn)。

自定義查看變量信息。

查看Log信息。