手机端页面测试神器--Browsersync
来源:互联网 发布:海口网络推广公司 编辑:程序博客网 时间:2024/05/17 02:58
需求点
有时候我们在做手机端页面的时候,电脑端制作完成需要手机端看效果。这个时候可以使用我们的神器—Browsersync
安装
前提条件是安装node环境。
然后运行(全局安装)
npm install -g browser-sync
(本地安装)
npm install browser-sync --save-dev
警告 - 不要使用sudo! 如果你在 Mac OSX 下安装Browsersync并遇到问题时 - 无论是在(Global)全局还是在(Local)本地,它几乎总是因为你的NPM权限所引起的问题。查看相关 说明文档 了解如何一劳永逸来解决这个问题 - 只需2分钟:)
https://docs.npmjs.com/getting-started/fixing-npm-permissions
然后就可以使用了
启动 BrowserSync
一般情况下 进入项目所在的文件 然后运行
browser-sync start --server --file.
然后就会出现一下
$ browser-sync start --server --file .[Browsersync] Access URLs: ------------------------------------ Local: http://localhost:3000 External: http://***.*.*.***:3000 ------------------------------------ UI: http://localhost:3001 UI External: http://***.*.*.***:3001 ------------------------------------[Browsersync] Serving files from: ./
然后手机在局域网下扫描 http://***.*.*.***:3000
二维码 就可以查看相应的页面
而且手机做操作,电脑端也会相应的改变。
阅读全文
1 0
- 手机端页面测试神器--Browsersync
- 前端神器-Browsersync
- BrowserSync
- Browsersync
- Browsersync
- 手机端页面效果测试链接
- 如何使用browsersync工具实现页面的多浏览器和移动端设备的调试
- 使用Gulp与BrowserSync做页面刷新
- browserSync+gulp多浏览器实时刷新页面
- PC和移动端浏览器同步测试工具Browsersync使用介绍
- Browsersync(浏览器同步测试工具)配置教程
- Browsersync浏览器同步测试工具-打开文件
- Browsersync:省时的浏览器同步测试工具
- Browsersync 省时的浏览器同步测试工具
- Android手机渗透测试神器 zANTI(汉化版)
- 测试手机页面,用谷歌浏览器
- mobileOrg:手机端的Org神器
- Browsersync省时的浏览器同步测试工具配置教程
- c++11自带thread完成一个双线程交替买票程序
- CC2640R2F BLE5.0 开发环境搭建
- poll源码剖析
- python 字典
- hdu 1062 Text Reverse
- 手机端页面测试神器--Browsersync
- JAVA中double格式化控制精度小数位数,float同理
- 编译cmake 2.8.10.2报错:undefined reference to symbol 'keypad'
- webpack的基本使用(一)
- CC2640R2F BLE5.0 下载运行第一个程序(simple_peripheral)
- 责任链模式
- ±1RMQ(约束RMQ)
- 共享 load事件--addLoadEvent
- ArcGIS for Android 离线数据空间分析--叠加分析