BrowserSync “Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、andro ...
分类：
其他好文 时间：
2017-06-14 00:02:08
阅读次数：
213
1. 安装 Node.js BrowserSync是基于Node.js的, 是一个Node模块， 如果您想要快速使用它，也许您需要先安装一下Node.js 安装适用于Mac OS，Windows和Linux。 2. 安装 BrowserSync 您可以选择从Node.js的包管理（NPM）库中 安装 ...
分类：
移动开发 时间：
2017-06-06 14:59:21
阅读次数：
3378
五月已经过去一大半了，心情不太好，因为太困没状态，所以刚刚去跑了好几圈，心情终于没那么郁闷了，来吧，今天要记录的是在做移动端网页时如何真机测试。 网上方法有很多，我就掌握一个就够了<摊手> BrowserSync 能让PC,移动端上的页面实时地响应文件的更改，并不用刷新操作。而且，当在一个设备上进行 ...
分类：
移动开发 时间：
2017-05-18 20:51:19
阅读次数：
174
Web Starter kit是一个来自Google的构建响应式网站的模板。支持不同的设备，并且由gulp.js 构建，同时支持跨设备同步测试. 多设备同步测试采用了 BrowserSync 。BrowserSync 是一个基于socket.io 的Node 应用，当你更改文件的时候，它可以自动的改 ...
分类：
Web程序 时间：
2017-05-17 10:22:11
阅读次数：
213
超简单的入门小例子，有图有真相。当然也够我们在项目中使用。先看一下目录结构。 这里就使用了一个html和一个css样式表。接下来如下。 1. 安装 Node.js 不会安装node.js？太落伍了，懒得教你，自行百度吧。 2. 安装 BrowserSync 2. 启动 BrowserSync 运行以 ...
分类：
其他好文 时间：
2017-05-12 23:56:05
阅读次数：
319
1.监听流错误 stream-combiner2 2.热更新Browsersync与element冲突，换成gulp-connect 3.gulp-uglify压缩js不能压缩es6 4.webpack-stream不支持webpack2.X 5.extract-text-webpack-plugi ...
分类：
Web程序 时间：
2017-05-04 11:00:53
阅读次数：
229
英文文档在github上 概览 基本示例 安装 laravel 工作流程 laravel mix VS laravel Elixir 常见问题 API JavaScript 代码拆分 browserSync HMR 版本 CSS预处理 拷贝文件/目录 系统通知 合并和压缩 自动加载 事件钩子 自定义 ...
分类：
其他好文 时间：
2017-04-13 17:04:34
阅读次数：
311
Browsersync介绍 Browsersync是浏览器同步测试工具，Browsersync能让浏览器实时、快速响应文件更改（html、js、css、sass、less等）并自动刷新页面。省去手动F5的事件，更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。即在任何一设 ...
分类：
其他好文 时间：
2017-03-01 12:56:06
阅读次数：
747
简介 省时的浏览器同步测试工具，Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。 曾经我们每改一次的代码，都需要手动去刷新一次页面，查看我们的改动是否正确；现在，BrowserSync减少了重复的手工任务，这一切都交给Brow... ...
分类：
其他好文 时间：
2017-02-25 00:00:12
阅读次数：
258
这篇文章所讲到的方法已经过时，请移步《移动端真机调试终极利器-BrowserSync》，欢迎分享更多工具。 手机端页面，大多运行在webkit内核的浏览器上，但还是会因平台、厂商的不同而有种种兼容性问题。下面就介绍一下在iOS和Android两个平台上如何在真机上对页面进行调试。这里要说明的是，iO ...
分类：
移动开发 时间：
2017-02-17 00:02:28
阅读次数：
416
