h5頁面在pc上除錯起來很方便，但是在手機上卻很麻煩，此時移動端就像乙個黑匣子，檢視或修改dom、css，localstore等變的很困難。
這個時候遠端除錯就孕育而生了。
weinre是單詞縮寫，全稱是網頁遠端審查（web inspector remote），發音同winery [ˈwaɪn(ə)ri]。可以在pc上調
試執行在移動端上的頁面。
對應上面的選單，weinre有5大功能
element： 檢視/修改dom，檢視/修改 dom css
resources：檢視/修改 localstorage, sessionstorage
network：檢視網路請求
timeline：
console：檢視控制台輸出
js除錯
目標頁面（target）：被除錯的頁面，頁面已嵌入weinre的遠端js，下文會介紹；
debug客戶端（client）：本地的web inspector除錯客戶端；
debug服務端（agent）：乙個http server，為目標頁面與debug客戶端建立通訊（target和client不斷的向agent發生get/post請求）。
原理就是client的任何操作命令都會發給target執行，同樣target的任何操作也會發給client執行。
npm install -g weinreweinre --boundhost 10.32.69.133 --httpport 8888如果顯示下面內容則說明服務啟動了。
2016-01-19t10:37:26.772z weinre: starting server at建立個頁面，並加入以下js（表示從**服務中引入target/target-script-min.js）。
weinre支援多targets的，不同target通過debug id區分的，target js的完整格式：
debug id引數就是用來區分各targetd ,如果不傳的話用"anonymous"代替，一般用ip位址作為debug id。
a：檢視，修改，刪除dom元素，目前還不能增加dom元素。
b：檢視，修改，刪除dom元素屬性，目前不支援增加dom元素屬性。
c：檢視，修改，刪除，增加 css屬性。
檢視，修改，刪除localstorage/sessionstorage。
測試發現：不能刪除，修改，增加？？？
檢視xhr請求資訊，雖然該面板中有各種網路請求的型別，但是目前只能檢視xhr請求記錄。
檢視target中觸發的事件時間資訊（觸發事件）。目前只支援兩種事件：settimeout/setinterval和使用者指定的事件（通過在事件處理函式中呼叫console.marktimeline('tag')函式指定）
用來執行js語句和表示式，以及展示console的方法輸出。
weinre操作介面：
移動端H5除錯
背景 開發pc頁面的時候使用chrome瀏覽器的開發者工具，可以很容易的捕獲到頁面的dom元素，並且可以修改樣式，方便除錯 但是手機上卻很麻煩，因為手機上沒有辦法直接開啟開發者工具檢視元素。其實可以通過將裝置連線到pc，使用pc的開發者工具檢測。fiddler抓包工具 fiddler是強大的抓包工具...
移動端除錯 weinre
weinre 是基於 node 的工具，因此使用如下命令安裝 weinre npm install g weinre用上面的命令將 weinre 安裝到全域性，然後就可以使用 weinre的命令了。weinre 提供了6個可選的啟動引數，其中下面兩個引數一般會修改，其它的用預設值就可以了。weinr...
h5移動端適配
原理 postcss function 視覺稿的1 10 在index.html中指定 font size為document寬度的1 10 iphonex 的解析度 2436 1125 pt 812 375 dpr 3 iphonexr的解析度 1792 828 pt 896 414 dpr 3 i...