Browsersync 介绍
Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。
有了它,您不用在多个浏览器、多个设备间来回切换,频繁的刷新页面。更神奇的是您在一个浏览器中滚动页面、点击等行为也会同步到其他浏览器和设备中,这一切还可以通过可视化界面来控制。
简化操作流程
每个网页在不同设备的浏览器里,测试时间呈指数级增长,无论是PC还是移动端。曾经我们每改一次的代码,都需要手动去刷新一次页面,查看我们的改动是否正确;现在,BrowserSync减少了重复的手工任务,这一切都交给BrowserSync去完成,我们只需专注在业务的逻辑里去。
工作中您需要它
BrowserSync是建立在网络技术上的,您可以轻松安装在OS X,Windows或Linux上,然后在不同的设备及浏览器里进行调试。就连UI都可以运行在浏览器 - 尝试在另一台设备上创建第二页面来控制您的BrowserSync。
插入到您的工作流程
通过可视化的操作方式或命令行来创建个性化的测试环境,多设备共同响应。BrowserSync很容易与您的网络平台集成,构建工具和其他Node项目中,例如gulp、grunt。
更多功能:
交互同步:您的滚动,点击,刷新等操作可以在不同浏览器之间同步更新。
文件同步:当您改变html,css,图像和其他项目文件浏览器会自动更新。
URL历史:记录您的测试网址,您只需点击一次,就可以在不同设备里访问。
同步定制 :切换各个同步设置创建您的首选测试环境。
远程督察 :远程调整和正在对连接的设备运行调试网页。
URL通道 :创建一个安全的公共URL分享您的本地站点,任何设备都可以访问它,并可以响应您的任何改动。
UI或命令行控制:使用可视化页面来进行相关设置,也可以使用命令行来完成。
浏览器支持:支持PC,平板电脑和手机之间的即时同步。各种文件及时响应,堪称完美。
构建工具兼容:可轻松与grunt、gulp等工具配合使用,或包含在其它node项目里。
服务于任何本地站点:可以在php,ASP,Rails和更多网站运行使用。也可以创建静态环境。
安装并运行在任何地方:基于Node.js并支持Windows,MacOS和Linux操作系统,设置只需要5分钟。
空闲运行并再利用:浏览器同步是一个开源项目,可根据Apache2.0许可使用或更改。
支持的浏览器:
Chrome浏览器、火狐、IE8 +、Safari浏览器、Opera、Android、黑莓、Firefox移动、iOS、Opera移动、Windows Phone。 链接: http://www.fly63.com/nav/2270网站描述:支持PC、平板、手机等设备同步测试工具
Browsersync
小编说
以上是编程之家为你收集整理的Browsersync全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。