摘要：是一个同步多浏览器页面测试工具。有了它，你不用在多个浏览器间来回切换，不断刷新来看效果了。更神奇的是你在一个浏览器中滚动页面点击按钮等用户行为也会同步到每个浏览器中。官方的视频演示。
BrowserSync 是一个同步多浏览器页面测试工具。
BrowserSync makes your tweaking and testing faster by synchronising file changes and interactions across multiple devices. It’s wicked-fast and totally free.
有了它，你不用在多个浏览器间来回切换，不断刷新来看效果了。更神奇的是你在一个浏览器中滚动页面、点击按钮等用户行为也会同步到每个浏览器中。
官方的视频演示。
又是传说中的5分钟快速安装：
安装nodeJs
安装 BrowserSync
$ npm install -g browser-sync
启动 browser-sync
html静态页面：
$ browser-sync start --server --files "css/*.css"
用php等语言渲染的动态页面，需要用代理模式
$ browser-sync start --proxy "myproject.dev" --files "css/*.css"
有了这个神器，苦逼的前端GG是不是有时间去和心仪的妹子约会了呢？
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/8694.html
摘要：打开您的命令行工具，进入到目录下，运行以下其中一条命令。将创建一个本地服务器并自动打开你的浏览器后访问地址，这一切都会在命令行工具里显示。 自己写标签： 实时刷新、 免F5、 gulp + browser-sync 开门见山，首先讲明一下本文的定位吧：写这篇文章是因为自己在平时的学习中，一次次试验了很多的前端实时刷新工具，有顺手的，有蹩脚的，有简单的，有麻烦的，安装完又折腾，折腾完又卸...
摘要：摄像拍照，滤镜中文指南本文出自春哥个人博客作者黎跃春追时间的人简介是推出的一个天挑战。完整中文版指南及视频教程在从零到壹全栈部落。这个新的对象表示指定的对象或对象。 Day19 - 摄像、拍照，滤镜中文指南 本文出自：春哥个人博客作者：©黎跃春-追时间的人简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文...
摘要：静态服务器代理你的域名或注入通过流的方式创建任务流程这样您就可以在您的任务完成后调用，所有的浏览器将被告知的变化并实时更新因为只在乎您的在编译完成后注意后调用重载。 方法一 使用Google Chrome DevTools 方法二 工作区Browsersync 安装 Node.js BrowserSync是基于Node.js的, 是一个Node模块， 如果您想要快速使用它，也许您需要先...
摘要：从大约年开始前端不再是当初那个切图排版的前端了，各种框架库工具呈井喷之势层出不穷。作为一个怕麻烦的懒人，对于前端的繁杂工作当然是要找一个自动化工具来处理，于是我遇到了。 从(大约)2014年开始,前端不再是当初那个切图排版的前端了，各种MV*框架、库、工具呈井喷之势层出不穷。构建工具比较有名的如Grunt、Gulp、Yeoman、webpack；依赖管理比如bower、npm，当然最流...
摘要：前言月份开始出没社区，现在差不多月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了一般来说，差不多到了转正的时候，会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客，博文推荐分享给大家。 1.前言 6月份开始出没社区，现在差不多9月了，按照工作的说法，就是差不多过了三个月的试用期，准备转正了！一般来说，差不多到了转正的时候，会进行总结或者分享会议！那么今天我就...
阅读 3678·2021-11-24 10:46
阅读 1678·2021-11-15 11:38
阅读 3718·2021-11-15 11:37
阅读 3414·2021-10-27 14:19
阅读 1918·2021-09-03 10:36
阅读 1970·2021-08-16 11:02
阅读 2980·2019-08-30 15:55
阅读 2232·2019-08-30 15:44
