mobile web頁面除錯方法

2022-06-06 20:15:18 字數 748 閱讀 3830

此文已由作者張含會授權網易雲社群發布。

browser-sync

安裝步驟:

npm install -g browser-sync

// 以當前目錄為根,啟動乙個靜態伺服器,檔案修改頁面自動重新整理

browser-sync start --server --files "css/.css, .html"

// 設定**

browser-sync start --proxy "127.0.0.1:8000/buyer" --files "css/.css, .html"

charles 的map local工具

weinre

使用步驟如下:

安裝npm install -g weinre

執行weinre --httpport 8080 --boundhost -all-

除錯方法1:

將localhost替換為機器電腦ip,插入需要除錯的頁面。

ps:如果是線上或者測試環境頁面可以用charles map local本地修改。

方法2:

訪問頁面之後,點選書籤。

手機訪問

使用charles**到本地,訪問需要除錯的頁面。

可以看到連線的target

免費體驗雲安全(易盾)內容安全、驗證碼等服務

更多網易技術、產品、運營經驗分享請點選。

【推薦】 debian 7上原始碼編譯mongodb 3.4版本

移動端除錯html頁面的方法

weinre這種方法。2.然後npm命令 npm install g weinre 3.執行wernre 在瀏覽器輸入上面的 localhost 8081 4.你會看到這樣的乙個介面 複製紅線框裡面的一段 內容,插入到你要除錯的html頁面中。5.接下來找到你weinre的安裝目錄,如 新建乙個 w...

除錯也頁面規格

通過h5傳過來資料進行頁面調整 padding是靠左邊的空白 margin是 表示所有的元素的對齊方式以及和父類之間的間距都為0,body裡面的則表示的是網頁的body該元素的間距和間距margin是鞋與地面的距離。至於上下左右,用來控制元素本身的浮動位置 margin top 我給你解釋一下樓上的...

另類除錯方法

由於需要在沒有安裝vc的pc上進行除錯,所以在沒有ide環境的情況下trace巨集無法工作,而使用 messagebox 並不是乙個很好的方法。另一種簡單的方法是向console中輸出文字。在你的應用中增加如下 ifdef debug file fstdout null handle hstdout...