大家在開發網頁的過程中，一定會有很多問題，其中一個就是模擬器上的頁面和移動端不一樣，小到樣式，大到交互。這個時候我們就想，要是能有個辦法能在上線前真機調試就好了，我們能提前發現錯誤，提前解決問題！下面由小編分享幾種方法，希望能讓各位在開發的道路上越走越遠！
一：同一局域網，要求手機和需要調試的項目在同一局域網，把需要調試的網頁網址在手機端打開，點點點就可以了，這種方法雖然簡單，但是沒法看具體哪個地方出了問題，導致真機和模擬器上的內容不一樣！由於前端開發者用的最多的還是瀏覽器自帶的調試工具，例如chrome的devtools，firefox的調試工具，那麼我們想要是能一邊真機上調試，一邊對比源碼就好了！接下來我們看第二種方法。
二：數據線真機調試，我們以安卓爲例，需要先打開開發者模式，如果你不知道如何做，看下面，找到安卓機的設置，點擊關於手機，連續點多次版本號，手機會顯示開發者模式！然後使用數據線把安卓機和電腦連接，啓動usb調試，接着我們就可以在手機上訪問要調試的項目了！其實就是數據線替代了局域網的功能！到這一步，我們基本完成了項目訪問，接下來我們只需要下載點小工具，讓我們能使用chrome的devtool就好了！手機端下載個chrome Beta，當然也可以下載其他系列的chrome，接着手機端打開chrome，同時在pc端打開chrome，pc端地址欄輸入chrome://inspect/#devices，進入一個調試網頁，如果你能在pc端看到手機的相關信息，你就成功了！接下來就是在Chrome Beta右側輸入url，點擊open，手機端chrome自動跳轉頁面地址，大家可以看下面的圖，我們打開的是百度首頁，在chrome Beta字段下面有網址，網址下面有 inspect等按鈕，聰明的你一定想到了，點擊inspect，我們就可以實現聯動了，這個時候無論我們操作手機上的網頁還是電腦上的網頁，都可以實現聯動！大家看第二張圖，是不是很清楚的看到了devtools，上面有很多我們熟悉的按鈕（network，console等），於是我們實現了上面說的對比源碼調試這個功能！
注意：這裏有2個要注意的地方，第一個注意點是不同版本的安卓手機開發者模式打開方式不一樣，需要具體手機具體對待。第二個注意點是上面只講了安卓手機，簡單的講講ios該如何做！ios大多用了safari，如果要用chorme代理，需要ios_webkit_debug_proxy，剩下的差不多，有興趣的同學，請自行google！另外，如果我們想在手機端直接用調試工具，可以使用vconsole！