1.静态文件模式browser-syncstart--server--files"css/*.css""*.html"2。代理模式browser-syncstart--proxy"localhost"--files"*.php""css/*.css"在浏览器中输入http://192.168.0.103:3000/test.php,本机ip浏览器所在的是192.168.0.100运行browsersync的机器使用netstat查看3000端口的连接状态,通过资源管理器得到chrome的连接原理如下图所示:当浏览器请求到达192.168端口时.0.103:3000,此时node相当于一个反向代理。Node会从localhost:80获取内容,然后添加一段javascript代码,如下,然后javscript代码打开tcp通道,保持与node的连接,当对方有动作时,会发送一个通过这个开启的通道通知,比如当node检测到文件有变化时,会通过tcp通道通知浏览器刷新;当javascript代码检测到浏览器有一个可以上报的动作(比如屏幕滚动),就会通过这个tcp通道上报给节点,由节点分发给其他终端,从而实现多个终端屏幕同时滚动通过wireshark验证wireshark抓包过滤规则:tcpport3000在web服务器上编辑test.php,然后将tcp报文(第11个数据包)保存到wireshark中,可以看到这样一条tcp报文(第11个数据包)。开始,再次刷新内容
