## 除錯：
真機除錯：
- live-server進行除錯
具體可見npm
- webpack-dev-server區域網真機除錯（推薦）
在連線同乙個區域網的情況下，可以訪問埠訪問我的網頁
- usb開發者選項進行除錯（步驟繁瑣，在此就不詳細敘述）（安卓）
模擬器除錯：
- 谷歌模擬器除錯：可在開發者工具下找到很多機型的除錯方式，但是與真機略有差異
- 各大ios、安卓模擬器軟體
## 關於移動端的響應式問題
- hotcss（手淘解決方案）
模擬vw（vw部分瀏覽器不相容），結合viewport
一些坑點：某些機型上橫豎屏切換上，由於計算rem值的關係，會發生頁面錯 位，hotcss內部有多次js呼叫（如延遲呼叫settimerout等等），來解決錯位問題，可 結合hotcss原始碼分析
- viewport+vw+rem方案
既然hotcss是模擬的vw，那麼，就可以用vw替代hotcss中的根font-size的計 算，但是這樣一來，會有相容性問題（vw），在今後瀏覽器的發展中，vw會很有可能 取代hotcss
關於移動端web字型
摘要 在web編碼中，css預設應用的web字型是有限的，網頁一般都是先有設計稿，然後轉為div css 這其中就會出現很大的差異，例如在移動端的 展示字型的問題，移動端沒有微軟雅黑字型。一 手機系統預設字型 1 ios 系統 1 預設中文字型是heiti sc 2 預設英文本型是helvetica...
關於web移動端定位
最近在做乙個搜尋附近3公里所有超市資訊 已經錄入資料庫的超市資訊 的功能。思路很簡單只是獲取使用者當前地理位置 經緯度 通過sql語句篩選出3公里範圍內的所有超市資訊，然後傳遞到前台頁面展示出來。但是我是第一次通過移動端web獲取使用者地理位置，遇到很多的問題，我覺得我有必要記錄一下，一方面彰顯自己...
關於移動端適配問題
移動端適配採用rem進行編寫css，整理了三種方案 方案一 簡單的js適配 function resizeroot width document.documentelement.style.fontsize devicewidth num1 px resizeroot 750 window.onre...