weinre 實時除錯手機上的Web頁面

2022-08-29 15:30:34 字數 1260 閱讀 2326

h5頁面,一般用谷歌瀏覽器的模擬器除錯頁面。但一旦個別機型有bug,在谷歌又顯示不出來。

所以就得用weinre 這個工具來除錯了。

weinre工具強大功能:在有bug的機型開啟頁面,用這個工具,可以快速定位bug,並找出解決方法。

換句話說,當你用手機開啟頁面,電腦的滑鼠放在**上,手機能夠顯示出這個**對應的哪個模組。可以實時修改樣式。

開始:其次:

1.npm -g install weinre //全域性安裝weinre

2. weinre --boundhost [hostname | ip address |-all-] --httpport [port] //啟動weinre

舉例:weinre --boundhost 192.168.1.130 --httpport 9999 //啟動weinre(192.168.1.130 必須為本機位址,9999是埠號,隨便乙個埠號,一般不要80或者8080)

3、開啟cmd,輸入:   weinre --boundhost 192.168.1.130 --httpport 9999

4、開啟瀏覽器:輸入  192.168.1.130:9999

5、把「步驟

1」裡面的語句放到要除錯的頁面裡面

然後點選「步驟

6.用手機開啟那個要除錯的頁面,也就是有這句**的頁面

然後重新整理上圖的那個位址

怎麼用手機開啟呢?我用的是win7系統自帶的伺服器,如下為配置的伺服器。我本機是192.168.1.130,這個伺服器配置的是8000埠,在手機輸入**192.168.1.130:8000/detail.html,(detail.html是我要訪問的網頁)

7.點選

步驟1,再點選  步驟

2 。就可以看手機的效果,然後在網頁上除錯。一般除錯相容問題可以這樣做

關閉 VS的實時偵錯程式

今天要安裝乙個水晶報表。安裝過程有幾個檔案有錯誤。結果這個vs的實時偵錯程式老是調出來。而且還是5次跳出來等你取消5次之後,才到預設的忽略的介面。你知道有多煩的,還得看這他,點完一次還要等幾秒鐘。差點崩潰了。可以這樣關閉他 hkey local machine software microsoft ...

如何測試手機上的SOAP客戶端

周四晚上,服務端和客戶端的兩個同事因為soap介面的問題爭論了起來。服務端的同事認為客戶端的同事發給服務端的soap訊息的xml結構有問題,少了幾個xml節點,導致伺服器端解析出錯。而客戶端的同事認為自己在android手機上傳送的soap,是通過乙個物件發出的,物件屬性什麼的,看 是正確設定了的,...

如何關閉vs2005的實時偵錯程式

如何關閉vs2005的實時偵錯程式?vs2005 工具 選項 除錯 實時 把勾選 託管 去掉 如何刪除visual studio 2005實時偵錯程式?hkey local machine software microsoft windows nt currentversion aedebug de...