開發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裡面調試手機頁面了
