移動端調試 — chrome模擬器基礎調試

打開開發者工具，進入chrome調試狀態，點擊左上角的手機圖標，進入手機模擬器調試狀態。

模擬器支持操作：

切換設備類型，模擬網絡環境，模擬bar,keyboard彈出狀態，橫屏狀態，更改UserAgent ,設置縮放比例等等

常用debug方法：

1、在代碼中添加debugger語句  

2、手動添加斷點  

3、條件斷點 右鍵editbreakpoint

4、事件觸發斷點   

5、dom節點屬性變化觸發斷點

其他調試技巧參見：https://segmentfault.com/a/1190000002654265