mac的safari瀏覽器調試h5

在h5開發移動端時，兢兢業業的開發的完成後，本地電腦測試，無bug，完美。在本身的新手機上測試，也沒有bug，ok，交付。

然而，在測試階段，bug來了，這個按鈕怎麼點擊無反應？這個樣式怎麼不對？。。。明明沒有bug呀，難道又是兼容性問題？頭疼，究竟是什麼緣由呢。

 

這個時候加入你在mac的Safari 瀏覽器上稍加調試，問題就出現了，咱們能夠清晰的看到錯誤緣由和報錯信息。ok，那就解決問題了。

具體怎麼調試呢，看下方：

 

1、參考連接

ios開發者文檔

safari開發者工具

remote debugging safari

2、設置iphone

設置 -> Safari -> 高級 -> 開啓web檢查器

3、設置mac

Safari -> 偏好設置 -> 高級 -> 勾選顯示開發菜單

4、鏈接手機和電腦

一、用數據線，mac轉接頭把iphone和mac鏈接起來；
二、打開iphone的Safari瀏覽器中須要調試的網頁；
三、打開mac的Safari瀏覽器，開發 -> 手機名稱 -> 選擇正在調試的網站；
四、選擇元素，用電腦調試手機真機頁面。

 

 

 

轉載至：https://www.cnblogs.com/camille666/p/mac_safari_debug_ios_page.html