在h5開發移動端時，兢兢業業的開發的完成后，本地電腦測試，無bug，完美。在自己的新手機上測試，也沒有bug，ok，交付。
然而，在測試階段，bug來了，這個按鈕怎么點擊無反應？這個樣式怎么不對？。。。明明沒有bug呀，難道又是兼容性問題？頭疼，到底是什么原因呢。
這個時候加入你在mac的Safari 瀏覽器上稍加調試，問題就出現了，我們可以清晰的看到錯誤原因和報錯信息。ok，那就解決問題了。
具體怎么調試呢，看下方：
一、參考鏈接
二、設置iphone
設置 -> Safari -> 高級 -> 開啟web檢查器
三、設置mac
Safari -> 偏好設置 -> 高級 -> 勾選顯示開發菜單
四、連接手機和電腦
1、用數據線，mac轉接頭把iphone和mac連接起來；
2、打開iphone的Safari瀏覽器中需要調試的網頁；
3、打開mac的Safari瀏覽器，開發 -> 手機名稱 -> 選擇正在調試的網站；
4、選擇元素，用電腦調試手機真機頁面。
轉載至：https://www.cnblogs.com/camille666/p/mac_safari_debug_ios_page.html