開發PC頁面的時候使用chrome瀏覽器的開發者工具，可以很容易的捕獲到頁面的dom元素，並且可以修改樣式，方便調試，但是手機上卻很麻煩，因為手機上沒有辦法直接打開開發者工具查看元素。其實可以通過將設備連接到PC，使用PC的開發者工具檢測
一、針對android設備
1、在android設備上開始開發者模式
2、將設備連接到PC，在chrome瀏覽器地址欄輸入：chrome://inspect/#devices
3、在手機上打開網頁的時候，chrome就會檢測到網頁，可以直接調試
二、針對IOS設備
PS：如果使用的是MAC電腦，可以直接在safari的開發里面找到，我的Iphone里面可以檢測網頁
1、在Iphone的設置-》safari-》高級-》web檢查器。打開
2、在電腦上安裝ios_webkit_debug_proxy和RemoteDebug iOS WebKit Adapter
3、啟動RemoteDebug iOS WebKit Adapter
remotedebug_ios_webkit_adapter --port=9000
4、在chrome地址欄輸入：chrome://inspect/#devices，在Discover network targets里面增加localhost:9000，就可以在chrome里面調試手機頁面了