fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

Browsersync
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://browsersync.io/
网站描述:支持PC、平板、手机等设备同步测试工具

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。  

链接: https://fly63.com/nav/2270

more>>
相关栏目
Jest
Facebook开发的一个对javascript进行单元测试的工具
官网GitHub
puppeteer
web前端自动化测试利器
官网GitHub
mocker-api
为 REST API 创建模拟 API
官网GitHub
FrontJS
轻量级的网站错误监控平台
官网
Gremlins.js
模拟用户随机操作的 JS 测试库
点击进入GitHub
JSDebugger
基于 JavaScript 的调试程序
官网GitHub
PhantomCSS
像素对比工具
点击进入GitHub
DejaVue
Vue.js的可视化Chrome开发工具
官网GitHub
avoriaz
一个Vue.js测试工具类库
官网GitHub
qunit
一个强大的JavaScript单元测试框架
官网GitHub
Expect.js
写一些简单测试用例、仿自然语言的方法
官网GitHub
should.js
一款js测试断言库
官网GitHub
supertest
nodejs开发单元测试
点击进入GitHub
Fundebug
一行代码搞定BUG监控!
官网
jasmine
一款 JavaScript 测试框架,它不依赖于其他任何 JavaScript 组件
官网GitHub
RegExr
一个基于HTML/JS的工具,用于创建,测试和学习正则表达式
官网GitHub

手机预览