vorlon.js+fiddler调试移动端web

一、安装vorlon.js

这里跳过npm和fiddler安装过程

 npm install vorlon -g

二、运行vorlon

三、打开vorlon界面

在PC浏览器输入http://localhost:1337，出现下面界面，完成vorlon安装和运行啦！

四、调试场景和应用

场景：手机访问项目某网页
应用：在pc浏览器vorlon界面上调试手机访问的网页

五、准备工作

在项目静态页面中引入vorlon.js，引入之后部署

 <script src="http://[本机IP]:1337/vorlon.js"></script>

打开wifi分享，我用的是360随身wifi

六、fiddler准备

打开fiddler 》Tools 》 Options 》 connections

确认之后可以看到本机的ip以及无线的ip

这两个ip也可以通过cmd 》ipconfig查询

七、手动修改手机网络代理

电脑发出无线（360随身wifi等），为了确保手机和电脑在同一局域网下，接入wifi时要手动修改代理

代理服务器主机名填写电脑无线局域网ip，端口号默认是8888（第六步设置fiddler的时候有port）

八、开始调试

手机访问项目页面，刷新vorlon界面（http://localhost:1337），开始调试啦