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