前言：博主翻山越嶺，找了很久的 真機調試， 從老古董，weinre，到微信開發者工具，到最后的browser-sync，最后這個工具 真的是眼前一亮～ ［本篇博客默認你已會使用gulp，npm～並且環境已經搭好］ 1.npm init 找到目錄中 ...

---恢復內容開始--- 前言 在前端開發中，調試是不可缺少的環節，PC端很簡單，但是隨着移動端火起來，在手機上面測試就顯得尤為重要。 在工作中本人也經過了一些測試，總結了如下幾種方法。 1.Weinre 調試 2.UC開發者瀏覽器: 3.chrome真機調試 4.Safari ...

移動端前端開發真機調試攻略 有線調試： 一、IOS 移動端 （Safari開發者工具） 手機端：設置 → Safari → 高級 → Web 檢查器 → 開。 mac端：Safari → 偏好設置 → 高級 → 在菜單欄中顯示“開發”菜單。 在 OS X 中啟動 Safari 之后 ...

移動端調試困難 很多時候，我們在進行移動端開發時，都是先在PC端使用手機模擬器進行調試，沒有問題后，我們才會在手機端的瀏覽器進行測試，這個時候，如果沒有出現問題，皆大歡喜。但是一旦出現問題，我們就很難解決，因為缺乏可視化的界面。不似在PC端，我們能直觀的去改變樣式，或者是進行斷點調試。有時 ...

一、安裝 首先確保你的電腦上有node環境，然后使用cnpm或npm 安裝 windows下 npm install weinre -g --registry=https://re ...

在日常項目中的開發中，接觸移動端開發的小伙伴們免不了要和移動端調試打交道，本文特在此總結下常用的移動端調試，歡迎小伙伴補充。 谷歌瀏覽器 谷歌瀏覽器是我們前端開發中必不可少的利器，跳樣式，打斷點，看網絡請求，看性能等，基本上你能想到的，谷歌都能滿足你，在移動端調試方面也是一樣，我們可以利 ...

最近要分析web頁面，在安卓和ios上的性能差異，除了操作系統本身不同之外，應該還多地方要探究的，第一步就是要在真機上分析。所以總結一下幾個方法。 1.Mac+iPhone+ Lightning+Safari 瀏覽器 步驟： 1）用：Lighting線將mac與iphone相連 ...

在web開發開發過程中調試時必不可少的，這篇文章就講一下移動端web的調試。 常用的有兩種方式：1.直接在瀏覽器自帶的移動端模擬環境上調試。2.使用Fildder抓包工具進行手機真機調試。 瀏覽器調試 谷歌的開發者工具為移動端調試做了專門的准備：打開開發者工具，點擊第二個手機狀圖片 ...