之前除錯移動端頁面各種不方便，現在有了 mac+iphone 簡直是如有神助了，相見恨晚！在此記錄一二備忘。
首先在 iphone 上設定：
【settings】->【safari】->【advanced】->【web inspector】選擇開啟開啟 safari，此時選單欄上應該有個【develop】，如果沒有，在偏好設定中開啟，具體路徑為：
【preferences】->【advanced】->【show develop menu in menu bar】選擇開啟手機連線電腦過程**現了乙個小問題，pc 端 safari 的 develop 下一直識別不了手機，準確地說是插入的一瞬間識別了，出現在列表了，然後瞬間又沒了，後來把 mac 的 safari 公升級了就沒問題了。
其他：看了下 之前的筆記，想在移動端看頁面的話用 fiddler 做**，其實完全不用這麼麻煩，現在如果只是簡單看看頁面效果的話 gulp+browsersync 就能方便解決問題，當然 webpack 也可以。
移動端真機除錯方法介紹
weinre除錯 spy debugger除錯 先說一下每一種方式的優缺點。第一種，chrome真機除錯，有乙個很大的侷限性就是，只能除錯手機端的chrome瀏覽器，對於uc，qq這些瀏覽器均不適用，因此在除錯相容問題時，幫助不大，但是最大的優點是 簡單快捷。第二種，weinre除錯方式，安裝和適用...
移動端開發真機除錯 神器
本篇部落格預設你已會使用gulp，npm 並且環境已經搭好 找到目錄中的 package.json，在檔案中新增相關依賴包 1 dependencies 1 var browsersync require browser sync create 自動同步 1 gulp.task browser sy...
移動端真機除錯神器 spy debugger
language english 1 頁面除錯 抓包 2 操作簡單，無需usb連線裝置 3 支援https。4 spy debugger內部整合了weinre node mitmproxy anyproxy 頁面編輯模式 啟動命令 spy debugger w true weiner頁面除錯介面 a...