移動端除錯工具weinre

2022-03-23 12:10:18 字數 568 閱讀 7855

npm install -g weinre

先全域性安裝,然後使用的時候通過如下命令啟動

10.2.54.11 是我的本機ip,埠可以自主設定,當然也可以不寫,預設8080。

此時電腦端可以直接通過 訪問到weinre的主頁面,這個針對移動裝置除錯比較方便,當然對電腦端訪問的頁面也可以訪問,不過本身瀏覽器除錯工具已經非常強大了。

也可以單擊主頁面上/client/#anonymous

這個鏈結直接切換到除錯介面。targets顯示none。

手機端直接通過瀏覽器訪問 staticwebdir內的檔案,注意檔案底部必須內嵌乙個js檔案

此時,電腦端/client/#anonymous頁面的target會出現乙個手機端訪問的頁面鏈結,此時點選elements 面板或其他的resource或console等面板就可以同電腦端除錯一樣進行操作了。

描述的可能不是特別清楚,也可以參考 這篇介面,**並茂,非常詳細。

移動端除錯 weinre

weinre 是基於 node 的工具,因此使用如下命令安裝 weinre npm install g weinre用上面的命令將 weinre 安裝到全域性,然後就可以使用 weinre的命令了。weinre 提供了6個可選的啟動引數,其中下面兩個引數一般會修改,其它的用預設值就可以了。weinr...

weinre除錯工具的使用

node version 新版的node已經整合npm,可以直接安裝weinre npm g install weinre weinre 預設情況下為localhost 8080,那麼只有本機http localhost 8080才能訪問,如果想要其它裝置手機也能訪問,那麼把localhost替換成...

遠端除錯工具weinre使用教程

一 前言 我們都知道,chrome的開發者工具 f12 是乙個方便我們除錯pc頁面的工具。但是現在我們的開發離不開移動端,那如果我們需要對手機頁面進行除錯,那該怎麼辦了?當然,chrome的開發者工具還是強大的,我們可以再開發者工具中開啟device mode來模擬手機除錯。具體步驟為 1.點選這個...