首页 > 代码库 > 关于移动端web开发的真机测试
关于移动端web开发的真机测试
五月已经过去一大半了,心情不太好,因为太困没状态,所以刚刚去跑了好几圈,心情终于没那么郁闷了,来吧,今天要记录的是在做移动端网页时如何真机测试。
网上方法有很多,我就掌握一个就够了<摊手>
BrowserSync 能让PC,移动端上的页面实时地响应文件的更改,并不用刷新操作。而且,当在一个设备上进行点击等行为时,该行为也会同步到其他浏览器中。
《1》安装
BrowserSync是基于nodejs的,所以在安装它之前,请确保自己的电脑已经安装好nodejs咯。关于nodejsde 安装不想啰嗦了,因为太多东西都是基于nodejs安装好吗。
nodejs安装完成后,才开始对BrowserSync进行简单设置,包括安装与监听
<1>BrowserSync安装
打开终端窗口,输入
npm install -g browser-sync
稍等一会就安装成功咯。
<2>BrowserSync监听
进入你的项目路径下,files路径是相对于当前路径的,如果需要监听多个类型的文件,需要用逗号隔开。
browser-sync start --server --files"css/*.css,js/*.js,*.html"
<3>移动端设置
若使用移动端则首先先保证移动端设备和桌面端设备处于同一局域网(用电脑开360无线wifi,然后手机连电脑的wift就可以)。在手机端访问终端上显示的地址:http://192.168.1.0.245:3000,实际情况根据自己的终端显示。
that ‘s all.
关于移动端web开发的真机测试
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。