javascript - 前端如何調試APP分享出來的手機頁面？很麻煩呐。

APP後台是用PHP寫的，分享機制也是PHP。
現在要調整一個內頁的分享頁面，但是測試版的APP壞了，開啟沒有資料。
現在只能在chrome上面調試頁面，調試好了再去php檔案裡面改，但是效果肯定跟手機上的不一樣。
這樣調試就很麻煩。

各位前端大神，你們調試手機頁面有什麼好的辦法？

回複內容：

APP後台是用PHP寫的，分享機制也是PHP。
現在要調整一個內頁的分享頁面，但是測試版的APP壞了，開啟沒有資料。
現在只能在chrome上面調試頁面，調試好了再去php檔案裡面改，但是效果肯定跟手機上的不一樣。
這樣調試就很麻煩。

各位前端大神，你們調試手機頁面有什麼好的辦法？

如果是內頁調試，可以用weinre，但是weinre不能打斷點。
可以在手機的chrome端進行訪問，然後插上資料線，在chrome中輸入chrome://inspect，（需要開啟翻牆工具）。

一篇好文送上：《打造最舒適的webview調試環境 》

如果還是不會，請私信聯絡我。

debuggap可以試試

chrome上面調試頁面 調試的頁面為什麼和手機上面不一樣？渲染效果是基本差不多的。

有幾個途徑可以選擇

1. 簡單高效：安裝nodejs的第三方模組anywhere
   連官網的那個起伺服器的代碼都不用跑，而且，你cd到哪個檔案夾，哪個就是你的靜態伺服器

2. mamp（mac端）wamp（windows）
   命令列不熟的，可以試試這種apache，php打包工具，一鍵開伺服器

3. chrome手機類比

謝謝 @某小A 推薦我的文章

如果要安卓4.4之前的版本，可以用 wenire ，然後使用 Fiddler 抓包、攔截、類比資料；
安卓4.4之後可以用 Chrome 的inspect ，PC插上手機就行了

上面是真機測試，
最後，模擬器+抓包工具+Chrome inspect，讓你在開發階段比較方便，不用手忙腳亂

上面說的是安卓的webview，如果要測試iOS的，也可以這樣，不過需要一個特殊的iOS包。

