显示目录 目录 [1]特性 [2]安装 [3]设置[4]移动端 前面的话 chrome的开发者工具可以很好地做好模拟工作,但毕竟模拟和实际还是有差别的。所以,真机测试是一定要做的,如何高效地进行真机测试呢。个人感觉,还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync ...
分类:
移动开发 时间:
2016-12-20 00:25:29
阅读次数:
317
安装环境 1,安装nodejs 起步 1,cd 进目录2,npm init3,安装模块browsersync模块, npm install --save browser-sync4,编辑package.josn 的scripts 脚本 "dev": "browser-sync start --ser ...
分类:
Web程序 时间:
2016-12-11 12:30:39
阅读次数:
171
BrowserSync真是前端必备神器,浏览器同步工具。简单来说就是当你保存文件的同时浏览器自动刷新网页,省去了手动的环节,大大的节省了开发时间,这个工具是基于nodejs的,可以通过npm安装,不在啰嗦 安装Node后,通过npm安装BrowserSync: 然后,就可以开始使用了。打开控制台进入 ...
分类:
其他好文 时间:
2016-12-10 19:02:00
阅读次数:
204
Browsersync 能让浏览器实时、快速响应文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试,当使用browsersync后,任何一次代码保存,以上的设备都会同时响应文件的改动。效果如下: (图片 ...
分类:
其他好文 时间:
2016-11-15 16:44:01
阅读次数:
158
学习过程宝宝心里苦,不能怨政府。。 兴趣所致,一直放不下nodejs的学习,时隔多日,又把express捡起来打算重新再学学,一直没什么太大的长进,和实际的项目经验。真的醉了,太懒了。 今天在重新研究supervisor的时候,突然觉得这东西只有在服务端文件修改时才会触发刷新,前端样式文件模板等等刷 ...
分类:
其他好文 时间:
2016-11-01 19:24:11
阅读次数:
201
上次介绍了一款DebugGap移动端调试工具DebugGap推荐。但是这几天使用了之后感觉还是有些不足,尤其是里面的调试工具虽然和Chrome里面的调试长的很像,但是多少有些不同,使用起来还是不太方便的,看到一位仁兄介绍的BrowserSync,于是看看了,感觉还行吧。它主要是用来同步更新的,比如文 ...
分类:
其他好文 时间:
2016-09-18 13:13:36
阅读次数:
137
官网:http://www.browsersync.cn/ 基于node,具体安装方法和使用方法参见官网,可以结合gulp等构建工具来用,也可以单独使用。不错~ ...
分类:
其他好文 时间:
2016-09-17 21:47:47
阅读次数:
147
关于移动端WEB开发真机测试亲身实验的一些体会。 之前的开发都用Chrom的模拟,但是效果毕竟不如真机,总结几点吧,至于详细的安装过程网上都有教程http://www.cnblogs.com/xiaohuochai/p/5512051.html,这里就不在赘述。 BrowserSync是基于Node ...
分类:
移动开发 时间:
2016-08-28 16:27:16
阅读次数:
200
以下是gulpfile.js:vargulp=require(‘gulp‘),
config=require(‘./config‘),
cleanCss=require(‘gulp-clean-css‘),
jshint=require(‘gulp-jshint‘),
uglify=require(‘gulp-uglify‘),
rename=require(‘gulp-rename‘),
concat=require(‘gulp-concat‘),
browserify=require(‘gulp-b..
分类:
其他好文 时间:
2016-08-24 01:21:56
阅读次数:
158
官网地址 http://www.browsersync.cn/ 1、安装 BrowserSync 2、启动 BrowserSync ...
分类:
其他好文 时间:
2016-06-02 19:34:43
阅读次数:
135