VorlonJS和Browsersync移动调试工具

VorlonJs

微软推出的移动调试工具，可以配合phpstudy使用，在电脑上测试手机页面

 

phpstudy官网下载，傻瓜安装，安装打开即可启动模拟服务器，将要查看的页面目录放置WWW这个目录下，然后查询本机ip打开页面（可以将链接生成二维码，直接手机扫码打开）

 

node

安装node，直接官网下载，傻瓜安装，安装完成验证

 

 利用npm安装cnpm淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装vorlonJS

cnpm install -g vorlon

安装完成

 

 启动 直接输入  vorlon

 

 浏览器进行访问 ip+端口号，手机进行操作的相关信息会直接显示

browser-sync

用cnpm指令安装

cnpm install -g browser-sync

黑窗口进入要监听的目录下

browser-sync start --server --files="*"

会自动打开浏览器窗口，用这个地址在线生成一个二维码，用手机浏览器扫码打开，这时就可以同步调试了监听文件变动自动刷新