我們都知道，chrome的開發者工具（f12）是乙個方便我們除錯pc頁面的工具。但是現在我們的開發離不開移動端，那如果我們需要對手機頁面進行除錯，那該怎麼辦了？
當然，chrome的開發者工具還是強大的，我們可以再開發者工具中開啟device mode來模擬手機除錯。具體步驟為：
1. 點選這個圖示
就可以進入device模式了。
2. 然後我們的介面就變成下面這個樣子，通過改變箭頭所指的下拉框，就可以模擬不同的移動裝置了。：
這個功能確實是很方便我們除錯手機頁面，但有乙個嚴重的問題，那就是它畢竟是模擬啊，那我們有沒有辦法直接在手機上除錯了？接下來所講的weinre就是一款這樣的除錯工具。
一：關於weinre
weinre就是一款依賴於nodejs的遠端除錯工具
二：weinre的安裝
步驟一：安裝nodejs以及npm（因為weinre是執行在nodejs上的，這一步就不展開了，安裝nodejs也是很容易的）
步驟二：npm -g install weinre安裝weinre
三：weinre的使用例子
步驟一：開啟命令列，輸入：weinre --boundhost [ip_address] --httpport [port] (ip_address 是pc的ip位址, 不能是127.0.0.1，port可以輸入乙個隨便的埠)
假設我的pc的ip位址為192.168.1.131，然後我就可以輸入這樣的命令：weinre --boundhost 192.168.1.131 --httpport 1234
步驟三：我們就按照上面的紅色箭頭所說的做，先複製一段script到我們所要除錯的介面
步驟四：我們就可以點選上面那個連線，然後進入除錯介面了。除錯介面是下面這個樣子的：
步驟六：點選除錯頁面裡對應的targets，然後點選elements工具，就可以進行除錯了。
除錯展示：
點選了標籤對應的這一行之後，右邊就好像使用chrome開發者工具一樣，顯示出這個dom結點對應的css了
把滑鼠移動到html對應的那一行時，手機上顯示的效果：
把滑鼠移動到p對應的那一行時，手機上顯示的效果：
我們都知道，chrome的開發者工具（f12）是乙個方便我們除錯pc頁面的工具。但是現在我們的開發離不開移動端，那如果我們需要對手機頁面進行除錯，那該怎麼辦了？
當然，chrome的開發者工具還是強大的，我們可以再開發者工具中開啟device mode來模擬手機除錯。具體步驟為：
1. 點選這個圖示
就可以進入device模式了。
2. 然後我們的介面就變成下面這個樣子，通過改變箭頭所指的下拉框，就可以模擬不同的移動裝置了。：
這個功能確實是很方便我們除錯手機頁面，但有乙個嚴重的問題，那就是它畢竟是模擬啊，那我們有沒有辦法直接在手機上除錯了？接下來所講的weinre就是一款這樣的除錯工具。
一：關於weinre
weinre就是一款依賴於nodejs的遠端除錯工具
二：weinre的安裝
步驟一：安裝nodejs以及npm（因為weinre是執行在nodejs上的，這一步就不展開了，安裝nodejs也是很容易的）
步驟二：npm -g install weinre安裝weinre
三：weinre的使用例子
步驟一：開啟命令列，輸入：weinre --boundhost [ip_address] --httpport [port] (ip_address 是pc的ip位址, 不能是127.0.0.1，port可以輸入乙個隨便的埠)
假設我的pc的ip位址為192.168.1.131，然後我就可以輸入這樣的命令：weinre --boundhost 192.168.1.131 --httpport 1234
步驟三：我們就按照上面的紅色箭頭所說的做，先複製一段script到我們所要除錯的介面
步驟四：我們就可以點選上面那個連線，然後進入除錯介面了。除錯介面是下面這個樣子的：
步驟六：點選除錯頁面裡對應的targets，然後點選elements工具，就可以進行除錯了。
除錯展示：
點選了標籤對應的這一行之後，右邊就好像使用chrome開發者工具一樣，顯示出這個dom結點對應的css了
把滑鼠移動到html對應的那一行時，手機上顯示的效果：
把滑鼠移動到p對應的那一行時，手機上顯示的效果：
遠端除錯工具weinre使用教程
一 前言 我們都知道，chrome的開發者工具 f12 是乙個方便我們除錯pc頁面的工具。但是現在我們的開發離不開移動端，那如果我們需要對手機頁面進行除錯，那該怎麼辦了？當然，chrome的開發者工具還是強大的，我們可以再開發者工具中開啟device mode來模擬手機除錯。具體步驟為 1.點選這個...
weinre除錯工具的使用
node version 新版的node已經整合npm，可以直接安裝weinre npm g install weinre weinre 預設情況下為localhost 8080，那麼只有本機http localhost 8080才能訪問，如果想要其它裝置手機也能訪問，那麼把localhost替換成...
移動端除錯工具weinre
npm install g weinre 先全域性安裝，然後使用的時候通過如下命令啟動 10.2.54.11 是我的本機ip，埠可以自主設定，當然也可以不寫，預設8080。此時電腦端可以直接通過 訪問到weinre的主頁面，這個針對移動裝置除錯比較方便，當然對電腦端訪問的頁面也可以訪問，不過本身瀏覽...