背景: 之前在学gulp的时候,使用gulp-livereload来实时自动刷新页面省时开发,但一直比较难用,现在找到新的替代神器。 安装: // 使用淘宝镜像会快些 npm install -g browser-sync --registry=https://registry.npm.taobao ...
分类:
其他好文 时间:
2016-06-02 00:25:50
阅读次数:
287
× 目录 [1]特性 [2]安装 [3]设置[4]移动端 前面的话 chrome的开发者工具可以很好地做好模拟工作,但毕竟模拟和实际还是有差别的。所以,真机测试是一定要做的,如何高效地进行真机测试呢。个人感觉,还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移 ...
分类:
移动开发 时间:
2016-05-20 22:19:41
阅读次数:
184
https://github.com/superhighfives/harp-gulp-browsersync-boilerplate https://gist.github.com/geelen/a5fcb013de67f680cb8d gulp配置 var gulp = require('gul... ...
分类:
其他好文 时间:
2016-04-20 11:28:01
阅读次数:
151
1、Css3无前缀脚本 http://www.zhangxinxu.com/wordpress/2011/11/css3-prefixfree-js-animatable/ 2、浏览器同步测试工具BrowserSync http://yanhaijing.com/tool/2015/12/26/my
分类:
其他好文 时间:
2016-02-25 15:09:54
阅读次数:
138
在移动端网页开发中,总是因为不方便调试,导致各种问题不容易被发现。但是现在有了Browsersync,一切都解决了。不熟悉的同学可以看看Browsersync的官方网站Browsersync中文网。五分钟快速入门1.使用Browsersync前需要安装node.js。详细的安装过程可参见window...
分类:
移动开发 时间:
2016-01-14 22:20:29
阅读次数:
220
1. http://www.browsersync.cn/#install2. 安装BrowserSync npm install browser-sync -g3. 使用 BrowserSync(进入项目里,使用以下命令行) 1.静态网站 1.监听多个类型的文件,只需要用逗号隔...
分类:
其他好文 时间:
2015-10-21 20:36:39
阅读次数:
169
browsersync是一个高效的用于“实时刷新”的工具一般来说,当我们进行项目开发时,文件保存以后,需要通过刷新浏览器来查看修改后的效果。而且,由于习惯,一般开发者都会多刷几遍。那么在强调高效开发的今天,有没有什么工具提高这种重复的工作的低效率呢?这就是我们今天要介绍的browersync先来看个...
分类:
其他好文 时间:
2015-10-19 18:48:09
阅读次数:
195
http://www.browsersync.cn/省时的浏览器同步测试工具Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您...
分类:
Web程序 时间:
2015-10-07 13:32:35
阅读次数:
178
How Does BrowserSync Work?BrowserSync starts a small web server. If you’re already using a local web server or need to connect to a live website, yo.....
分类:
其他好文 时间:
2015-06-11 18:57:40
阅读次数:
127