好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Browsersync

bro wsersync 介绍

bro wsersync能让浏览器实时、 快速 响应您的 文件 更改(html、js、css、sass、less等)并 自动 刷新 页面 。更重要的是 bro wsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的 页面 ,当您使用 bro wsersync后,您的任何一次 代码 保存,以上的设备都会同时 显示 您的改动”。无论您是前端还是后端工程师,使用它将提高您30%的工作效率。

有了它,您不用在多个浏览器、多个设备间来回切换,频繁的刷新 页面 。更神奇的是您在 一个 浏览器中 滚动页面 、点击等行为也会同步到其他浏览器和设备中,这一切还可以通过可视化界面来控制。

简化操作流程

每个网页在不同设备的浏览器里,测试时间呈指数级增长,无论是PC还是移动端。曾经我们每改一次的 代码 ,都需要手动去刷新一次 页面 ,查看我们的改动是否正确;现在, bro wserSync减少了重复的手工任务,这一切都交给 bro wserSync去完成,我们只需专注在业务的逻辑里去。

工作中您需要它

bro wserSync是建立在网络技术上的,您可以轻松安装在OS X,Windows或Linux上,然后在不同的设备及浏览器里进行调试。就连UI都可以运行在浏览器 - 尝试在另一台设备上创建第二 页面 来控制您的 bro wserSync。

插入到您的工作流程

通过可视化的操作方式或命令行来创建个性化的测试环境,多设备共同响应。 bro wserSync很容易与您的网络平台集成,构建工具和其他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

网站地址 : https://browsersync.io/

网站描述: 支持 PC、平板、手机等设备同步测试工具

Browsersync官方网站

官方网站: https://browsersync.io/

如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。

查看更多关于Browsersync的详细内容...

  阅读:32次

上一篇

下一篇

第1节:remote-browser    第2节:zanePerfor    第3节:Postwoman    第4节:whistle    第5节:bombayjs    第6节:RegExr    第7节:fast-check    第8节:debugGap    第9节:RAP    第10节:Appium    第11节:AnyProxy    第12节:TestCafe    第13节:easy-mock    第14节:Jsfuzz    第15节:Browsersync    第16节:appium-desktop    第17节:perflink    第18节:statusfy    第19节:Yslow    第20节:jest-puppeteer    第21节:WebPageTest    第22节:enzyme    第23节:PhantomCSS    第24节:mocker-api    第25节:matchMedia.js    第26节:Sitespeed.io    第27节:Hiper    第28节:karmatic    第29节:Bagel    第30节:Macaca    第31节:Gremlins.js    第32节:JSONPlaceholder    第33节:dom-testing-library    第34节:DejaVue    第35节:JSDebugger    第36节:Phantom.js    第37节:puppeteer    第38节:chaijs    第39节:Airtest    第40节:Expect.js    第41节:supertest    第42节:Redom    第43节:intern    第44节:Google PageSpeed Insights    第45节:Pingdom    第46节:Sentry    第47节:service-mocker    第48节:Ava    第49节:Standard    第50节:testdouble.js    第51节:Blanket.js    第52节:cypress    第53节:F2etest    第54节:weinre    第55节:majestic    第56节:javascript-testing-best-practices    第57节:mocha    第58节:browserhacks    第59节:web-starter-kit    第60节:EasyMock    第61节:vConsole    第62节:cavy    第63节:Fundebug    第64节:augury    第65节:FrontJS    第66节:Jest    第67节:Nightwatch.js    第68节:tamperchrome    第69节:nightmare    第70节:airtap    第71节:strider    第72节:qunit    第73节:eruda    第74节:wpt    第75节:Chii    第76节:log    第77节:Cucumber    第78节:TagUI    第79节:uirecorder    第80节:Sinon    第81节:Protractor    第82节:Firebug    第83节:Casper.js    第84节:should.js    第85节:node-tap    第86节:jasmine    第87节:rewire    第88节:Karma    第89节:Zelos    第90节:tape    第91节:vue-devtools    第92节:FAutoTest    第93节:Fiddler    第94节:unexpected.js    第95节:avoriaz    第96节:vuetron