BrowserSync是一个省时的浏览器同步测试工具,可以同时在PC、平板、手机等设备上进项调试。这个工具是基于nodejs的,可以通过npm安装。不废话马上进入正题。
在命令行窗口输入npm install -g browser-sync 全局安装BrowserSync;
安装完成后,可以通过browser-sync --version来查看是否安装成功以及安装的版本。
1.如果你要调试页面为静态页面,只是单纯的css样式文件或者html页面,在当前需要调试目录下,打开命令行窗口。
输入命令:browser-sync start --server --files "css/*.css"。、
这其实是BrowserSync自己启动了一个小服务器。
2.如果你自己搭了一个服务器,例如node、apache、tomcat,已经有了一个服务器地址,例如:localhost:8080,则
输入命令:browser-sync start --proxy "localhost:8080" --files "css/*.css"
这2种情况启动成功后,都会给你一个新地址(没被占用的话),如:localhost:3000给你访问。
如果想要手机和电脑同步测试的话,需要让手机和电脑在同一个网段,要让电脑连接上手机开启的热点,连接后在手机浏览器上输入给出的ip地址就ok了。