轉自：http://yujiangshui.com/multidevice-frontend-debug/ 通過移動端使用 Web 服務的比率越來越大，例如淘寶今年雙十一，移動端交易份額就達到 42.6%。由此可見，掌握移動端的前端開發和測試是非常有必要的。 由於之前做過大量有響應式需求的項目 ...

說明 由於移動端項目在手機中調試時不能使用chrome的控制台，而vconsole是對pc端console的改寫 使用方法 使用 npm 安裝： 使用webpack，然后js代碼中: 或者找到這個模塊下面的 dist/vconsole.min.js ，然后復制到自己的項目 ...

現在移動端開發越來越火，隨之而來的問題也越來越多，今天給大家介紹一款移動端調試神器，vconsole。 一、先引用文件，可以從https://www.bootcdn.cn/vConsole/下載，也可以下載保存在本地，直接引用 　　 瀏覽器顯示如下： 基本的一些用法 ...

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

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

歷時數周或數月開發出來了應用或游戲。可為什么體驗不流暢？怎么能查出當中的紕漏？這些須要調試診斷工具從旁協助。調試是開發過程中不可缺少的重要一環。本文會列舉幾個比較有效的調試診斷工具，能夠幫助你尋根究底。以最快的速度發現、解決Bug。 Runscope 這是一家專注於API工具 ...

使用 chrome://inspect/#devices，可以使安卓手機里的WebView也能和chrome一樣審查元素，調試和測試移動端H5頁面. 我使用的是三星S6 （該功能支持安卓系統4.4及以上機型）,電腦是win 7 系統，以下幾步就可以輕松使用瀏覽器內置的功能調試移動端網頁 ...

移動端瀏覽器現狀 視口 meta視口標簽 二倍圖 移動端主流方案 移動端技術解決方案 移動端常見布局 1.流式布局(百分比布局) 2.flex布局 3.rem適配布局 　　　　1）rem單位　　　　2）媒體查詢　　　　3）less ...