PC端调试手机网页

时间 2019-11-17

标签调试手机网页栏目 HTML 繁體版

原文原文链接

PC端调试手机网页，
第一种方式是chrome的手机调试工具，
第二种方式是微信开发者工具也能够，和第一种大同小异，
还有一种是实机测试，使用weinre进行调试。javascript

一、首先，npm安装依赖，全局安装html

npm i -g weinre

二、安装完成后，启动weinrejava

weinre -httpPort 8081 -boundHost -all-

三、接着打开网页，node

http://localhost:8081

四、点击 http://localhost:8081/client/#anonymouschrome

五、在html页面上添加外链，用来监视请求npm

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

六、接着，手机访问本地网站，会出现如图的targets，微信

点击targets便可激活监视器，微信开发

而后在上面的element、console、network等栏中就能够监视到手机页面的请求和console等工具

Tips：在这里，我使用的是本地node搭建的环境来运行的网页，运行在8080端口，测试

同时手机和PC处在同一个局域网下，手机则经过局域网IP进行访问pc搭建服务呈递的网页