weinre(全稱web inspector remote)是一款用于在電腦上遠(yuǎn)程調(diào)試手機(jī)頁(yè)面的工具。
借助Weinre,我們能夠在電腦上檢查手機(jī)頁(yè)面上的元素,被選中的元素會(huì)顯示選中效果,并展示相應(yīng)元素的樣式。如下圖所示:
alt=”遠(yuǎn)程調(diào)試手機(jī)頁(yè)面工具:Weinre 介紹” />weinre-demo.jpg
當(dāng)我們?cè)?a href="http://www.hostm.cn/help/index.php/tag/%e7%94%b5%e8%84%91">電腦上修改元素的樣式時(shí),手機(jī)上對(duì)應(yīng)的元素樣式也會(huì)即時(shí)更新(無(wú)需刷新頁(yè)面)。
除了檢查元素的功能外,如果我們?cè)陔娔X上通過(guò)console選項(xiàng)卡執(zhí)行JS代碼,該代碼會(huì)在手機(jī)上立即執(zhí)行。
目前,Weinre似乎不支持在JS代碼中設(shè)置斷點(diǎn)進(jìn)行調(diào)試。
關(guān)于如何安裝和使用Weinre,請(qǐng)參考Weinre入門(mén)手冊(cè)。
需要注意的是:
在Windows上安裝Weinre時(shí),cmd窗口必須以管理員身份運(yùn)行。如果通過(guò)npm安裝Weinre失敗,可以嘗試使用cnpm進(jìn)行安裝。啟動(dòng)Weinre Server時(shí),使用weinre命令,僅限本機(jī)連接。如果希望手機(jī)也能連接Weinre Server,需要使用weinre –boundHost -all-或weinre –boundHost 手機(jī)IP來(lái)啟動(dòng)Weinre Server。