H5調試工具 - weinre遠程調試工具

weinre 簡介

weinre 是一款相似於firebug 和Web Inspector的網頁調試工具, 它的不一樣之處在於能夠用於進行遠程調試,好比調試手機上面的網頁。node

安裝 weinre(運行在node環境上)

npm -g install weinrenpm

啓動 Weinre 服務

weinre -boundHost 172.19.200.16服務器

經常使用參數網絡

--httpPort 調試服務器端口 默認是8080 (衝突會自動分配一個,默承認以不傳)
--boundHost 調試服務器綁定的 IP 地址或域名

image
啓動後 網頁打開 http://172.19.200.12:8080/
而後在項目中引入target-script-min.js 以下:
image
image
手機和電腦連同個網絡
image
點擊element 鼠標放在dom上面,就能夠看到手機上被選中的樣式,還能夠看樣式
imagedom

相關文章
相關標籤/搜索