原文:移动端页面调试神器-browser-sync

最近公司赶一个项目,是mobile端,之前没怎么做过移动端的开发,这个项目算是个小尝试。 在做项目的过程中,用到了一个神器 browser sync,在这里分享给大家。 静态页面调试 作为前端,肯定是要保证页面的兼容性的。 通常的测试场景是,前端人员人手N部测试机,改下页面,依次手动刷新各个手机,真的非常蛋疼,这些重复性的工作,不应该由人来完成,而应该由机器来自动完成,这时,browser syn ...

2015-01-07 14:21 0 3573 推荐指数:

查看详情

gulp常用插件之browser-sync使用

更多gulp常用插件使用请访问:gulp常用插件汇总 browser-sync这是一个可以在多端(pc、移动、平板)实时监测文件修改,自动刷新浏览器的工具。其实这并不是转给gulp使用的,在其它构建工具也可以用。 更多使用文档请点击访问browser-sync工具官网。 安装 ...

Tue Dec 10 01:16:00 CST 2019 0 329
browser-sync使用方法

browsersync使用方法 在要监视的文件的目录打开命令行 启动browsersync: browser-sync start --server --files "./xxx.html,./app.css ...

Fri Jan 12 23:59:00 CST 2018 0 1117
本地安装并运行http-server、browser-sync、webpack

有一些自带命令的辅助开发、测试类的工具,官方都推荐全局安装,如果不想全局安装只想在某个项目下用该怎么办呢? 如http-server、browser-sync、webpack这种自带CLI的工具 使用命令运行会报错,如下, 上面提示我们找不到这个命令 解决1:直接使用下面方式运行 ...

Tue Mar 19 20:13:00 CST 2019 0 622
移动调试神器(eruda)

在日常的移动开发时,一般都是试用chrome浏览器的移动模式进行开发和调试,只有在chrome调试完成,没有问题了才会上到真机测试,移动开发的一大问题就在于此, 各种品牌各种型号手机,手机中各种类型的浏览器APP........还好移动的相对一致点,但是往往都会有一些各种各样的坑,这时候 ...

Fri May 05 00:15:00 CST 2017 0 17332
移动调试神器 whistle

移动h5页面嵌入的方式多种多样,普通的chrome真机调试功能有时就不能满足要求了。 whistle通过设置wifi服务器代理的方式,可以抓包调试所有移动请求的页面。 whistle的github地址:https://github.com/avwo/whistle/blob/master ...

Fri Sep 28 22:04:00 CST 2018 0 786
移动开发真机调试 神器

前言:博主翻山越岭,找了很久的 真机调试, 从老古董,weinre,到微信开发者工具,到最后的browser-sync,最后这个工具 真的是眼前一亮~ [本篇博客默认你已会使用gulp,npm~并且环境已经搭好] 1.npm init 找到目录中 ...

Mon Aug 22 20:09:00 CST 2016 3 3381
browser-sync + http-proxy-middleware 配置代理跨域

写代理js文件下面是文件内容 随后在package.json中配置script字段,npm启动此代理即可, 注意,此处我遇到一个坑,下面参考资料的port:8080写在i ...

Tue Jul 10 01:05:00 CST 2018 0 1214
Linux下browser-sync无法启动Chrome的解决方法

笔者的环境: OS: Ubuntu Linux Browser: Chrome, Firefox 每次希望启动chrome浏览器,系统都会报错: Couldn't open browser (if you are using BrowserSync ...

Tue Dec 13 19:44:00 CST 2016 0 1510
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM