browsersync 加速前段开发
来源:互联网 发布:小区网络监控方案 编辑:程序博客网 时间:2024/05/16 08:15
BrowserSync 可以同步文件变化和同时可以和多个设备交互
也就是不用刷新,可以将html css 文件的变化同步到浏览器中;
通过这个工具,我们操作一个设备上的页面,可以看到多个设备同步变化
主要的特点
- 及时加载
- 交互同步
- 模拟慢的网速
- URL 历史
- 其他
他是怎么工作的
首先他会启动一个本地服务,但是如果你已经有一个本地服务,你可以将BrowserSync当做d代理;BrowserSync 会在每个页面添加一个JavaScript代码;这个文件会利用WebSockets和本地服务之间交互,客户端随时关注代码的变化和浏览器的行为;
网页首先在本地服务中,浏览器的中网页被BrowserSync添加一个特殊的JavaScript文件,它可以利用WebSockets和本地服务之间通信,本地服务中的变化能及时的传递到浏览器;
安装 BrowserSync
BrowserSync 是一个npm 包
npm install -g browser-sync
检查安装的版本
browser-sync --version
其他的明天再翻译
https://scotch.io/tutorials/how-to-use-browsersync-for-faster-development
https://anyscreensize.com/blog/gulp-sass-browser-sync-front-end-dev
0 0
- browsersync 加速前段开发
- BrowserSync
- Browsersync
- Browsersync
- 前段开发简介
- 前段开发网
- Web前段开发路线图
- Web前段开发相关内容
- 前段开发高段课程
- 利用gulp,browserSync,nodemon搭建自动刷新的开发环境
- 前段开发中的问题记录 JS Jquery
- 前段/oa开发必备jquery ui
- 前段开发——推荐书籍
- web前段开发工程师需要哪些技能?
- 关于web前段开发的简介
- 前段开发【移动端字体问题】
- 前段模块化开发——AMD规范
- Browsersync options
- uva 753 A Plug for UNIX(最大流)
- TexturePacker是一款很强大的游戏图片制作工具
- 在Eclipse中使用JUnit4进行单元测试(高级篇)
- poj 2699 The Maximum Number of Strong Kings(最大流,建图)
- a:link,a:visited,a:hover,a:active
- browsersync 加速前段开发
- CodeForces 280C Game on Tree 概率
- ViewPager的使用详解
- JAVA内存模型 (JMM)和同步以及可见性
- React Native布局详细指南
- uIP1.0用户手册中文版第一章
- “white-space: nowrap;”此代码是什么意思?
- 117.View the Exhibit and examine the initialization parameter settings. Which three initialization p
- VS2012 C# InitializeComponent() 的作用 及部分知识点