BrowserSync 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
BrowserSync 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议 GPL
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 开发工具测试工具
开发厂商
地区 不详
提 交 者 红薯
适用人群 未知
收录时间 2014-09-05

软件简介

当你开发响应式网站时,需要做大量的测试和调整工作。而 BrowserSync 可以让你的这个开发和测试过程更加快速,通过在多个设备上同步 URL、交互和代码变动来实现快速的同时多设备测试。BrowserSync 基于 Node.js 开发。

安装和使用过程:

npm install -g browser-sync #安装
browser-sync start --server --files "css/*.css" #启动静态网站
browser-sync start --proxy "myproject.dev" --files "css/*.css"  #启动动态网站
展开阅读全文

代码

评论 (2)

加载中
2017/01/20 08:25
回复
举报
chrome就带着个功能~~有必要第三方工具? BrowserSync
2014/09/06 18:13
回复
举报
#BrowserSync#有什么区别? browser-sync可以直接在PC的浏览器中调试ipad中的网页 #Eruda#
2016/05/06 15:49
回复
举报
更多评论
暂无内容
03/02 22:51

Browsersync浏览器同步测试工具

啄木鸟软件测试培训网:www.3testing.com 什么是browsersync?   browsersync可以实时监控代码文件的修改(html、css、js、less等等),文件被保存发生变化的时候browsersync可以自动刷新页面,免去手动F5的麻烦...

0
0
发表了博客
2019/03/13 15:16

BrowserSync 热更新的使用(保存后自动刷新)

BrowserSync使用的优点,BrowserSync监听条件中的文件,发现更新会立刻刷新浏览器,就像 vue中的热更新一样,解放F5实现自动更新,提高开发效率, 解决了使用双屏幕时来回切换的烦恼! 一 .安装node   BrowserSync是基于Node.js的, 是一个Node模块,如果没有node.js 麻烦自行解决(百度) 二. 安装BrowserSync   从N...

0
0
发表了博客
2018/02/07 14:38

BrowserSync 前端---多终端测试工具

前端开发测试工具有很多 其中BrowserSync 是一个非常好用的工具,可以在PC以及各类移动终端使用; BrowserSync 工具利用局域网IP创建一个本地服务器,会生成一个类似http://192.168.2.170:3000 的URL,这样所有与你电脑共用同一个局域网的设备都可以访问你的页面。 BrowserSync会自动检测你的文件变动,修改css,html,js...

0
0
发表于大前端专区
03/14 13:02

移动web真机调试-Browsersync

1.优点 BrowserSync能让PC、各移动设备使用各种浏览器的页面同时实时地响应文件的更改,而不用刷新操作。 而且,当在其他一个设备上进行点击等行为时,该行为也会同步到其他浏览器中 2.安装 【1】安装nodejs, 官网...

0
0
发表于大前端专区
2016/09/12 17:02

BrowserSync开发利器

大大节省开发时间。安装使用简单。使用步骤: 1、nodejs环境 安装 2、在项目中使用npm安装到本项目 3、对要监听的文件执行响应命令 官网更详细:http://www.browsersync.cn/#install 原理:引用http://golnmp.com/archives/browser-sync.html中的: PC、平板、手机登设备打开地址之后,跟node服务器进行长连接,每个终端...

0
0
发表于大前端专区
2015/12/21 16:02

为你的网站项目安装BrowserSync

进入你的网站项目目录 cd xxx $npm install browser-sync —save -d --save 把 browser-sync 添加到 package.json。 -d 使 npm 输出更多的日志信息。 $ find node_modules 可以查看browser-sync包被安装的目录 运行git diff 可以看到package.json $git diff 运行 $npm ls 可以查看依赖树 检查 browser-sync 版本 $ ./no...

0
1
发表于大前端专区
2016/06/25 00:52

使用gulp和browserSync实现页面自动刷新

在平时开发时,我用过很多gulp的自动刷新工具,昨天试了下browser-sync这款插件,感觉确实不错,分享给大家。 gulp和browser-sync的安装就不多介绍了,下面给出命令 ```bash $ cnpm install --save-dev gulp browser-sync ``` 将下面的文件写入`gulpfile.js`文件 ```javascript 'use strict'; // 先引入依赖模块 var gu...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
2 评论
106 收藏
分享
返回顶部
顶部