PC端調試手機網頁

PC端調試手機網頁，
第一種方式是chrome的手機調試工具，
第二種方式是微信開發者工具也能夠，和第一種大同小異，
還有一種是實機測試，使用weinre進行調試。

一、首先，npm安裝依賴，全局安裝

npm i -g weinre

二、安裝完成後，啓動weinre

weinre -httpPort 8081 -boundHost -all-

三、接着打開網頁，

http://localhost:8081

四、點擊  http://localhost:8081/client/#anonymous

五、在html頁面上添加外鏈，用來監視請求

 <script src="http://你的IP地址:8081/target/target-script-min.js#anonymous"></script>

六、接着，手機訪問本地網站，會出現如圖的targets，

點擊targets便可激活監視器，

而後在上面的element、console、network等欄中就能夠監視到手機頁面的請求和console等

Tips：在這裏，我使用的是本地node搭建的環境來運行的網頁，運行在8080端口，

同時手機和PC處在同一個局域網下，手機則經過局域網IP進行訪問pc搭建服務呈遞的網頁