关键词：
关于移动端WEB开发真机测试亲身实验的一些体会。
之前的开发都用Chrom的模拟，但是效果毕竟不如真机，总结几点吧，至于详细的安装过程网上都有教程http://www.cnblogs.com/xiaohuochai/p/5512051.html，这里就不在赘述。
BrowserSync是基于Node.js的，是一个Node模块，所以需要先安装nodejs（之后都在它之上进行的(*^__^*) 嘻嘻……） BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作~~
大概过程就是：
1.安装node.exe
2.下载npm解压
3.配置一个path为放node.exe的路径，和NODE_PATH为node_modules的路径
4.安装express：打开cmd命令行(在nodejs目录下，先按住shift按键，再点击右键，出现"在此处打开命令窗口"选项并点击)，使用命令行定位到这Node目录下，键入指令npm install express
5.安装完成后，在命令行里面输入node -v如果输出nodejs的版本则安装成功
-------------------------------------
接下来就是对browsersync进行安装 监听咯，当然也可以在你方便的桌面上进行安装监听（http://www.cnblogs.com/eva1963/p/5149168.html）--》注意文章末尾运行的命令的写法不清晰可以参考第一个（http://www.cnblogs.com/xiaohuochai/p/5512051.html）
在整个过程中都很顺利，就在最终start的时候网页打开发现是Cannot Get到这里在想是什么问题。。。。。。。
细心的人最终会发现在打开浏览器的时候直接是localhost:3000而不是你的项目最终路径呢~~~（localhost:3000/one/index.html）
腾讯优测优分享|谈谈移动端屏幕适配的几种方法
腾讯优测是专业的移动云测试平台，自动化测试提供全面兼容性适配测试，云真机提供远程真机租用服务，优分享不定时提供大量移动研发及测试相关干货！移动端web开发相对于PC端web开发，我们可以庆幸不用... 查看详情
调试移动端页面
调试移动端页面分为两种开发时，移动设备连接上PC起的服务调试移动设备上的页面手机连接PC的本地服务在开发移动设备页面时，常用CHROME自带的模拟移动设备外，还需要有真机去测试一下，而不是布到测试服务上去之后，再... 查看详情
移动端真机调试
移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决... 查看详情
手机测试vue移动端项目（真机联调）
参考技术A1.获取电脑网络ip地址（注意：手机端与电脑端需要在同一无限局域网下）命令行中输入：ipconfig回车后可以获取到ip地址：3.电脑将项目运行起来4.手机任意浏览器打开255.255.240.0：8080地址 查看详情
移动端真机调试实战经验(代码片段)
...我的博客查看更多文章~前言在开发中前端免不了要进行移动端的开发，然而在电脑上看的样式和手机上还是有一定的差距的，因为手机上有顶部的状态栏和底部的菜单栏，特别是在qq内置浏览器中打开，差距还是蛮大的，所以在... 查看详情
移动端真机调试方法
最近要分析web页面，在安卓和ios上的性能差异，除了操作系统本身不同之外，应该还多地方要探究的，第一步就是要在真机上分析。所以总结一下几个方法。1.Mac++iPhone+ Lightning+Safari浏览器步骤：1）用：Lighting线将mac与iphone相... 查看详情
sonic开源移动端云真机测试平台-windows系统下的sonic快速部署演示(代码片段)
Sonic开源移动端云真机测试平台快速部署演示第一章：Sonic平台的准备工作与快速部署①Docker的安装②MySQL的安装③docker-compose.yml文件配置④Sonic服务快速部署⑤配置文件docker-compose.yml更新方法⑥成功部署效果展示第二章：... 查看详情
sonic开源移动端云真机测试平台-windows系统下的sonic快速部署演示(代码片段)
Sonic开源移动端云真机测试平台快速部署演示第一章：Sonic平台的准备工作与快速部署①Docker的安装②MySQL的安装③docker-compose.yml文件配置④Sonic服务快速部署⑤配置文件docker-compose.yml更新方法⑥成功部署效果展示第二章：... 查看详情
vscode+firefox实现前端移动真机测试
需要配件:1.安装有火狐浏览器的移动端(手机);2.安装有火狐浏览器和vscode的pc(电脑);3.在vscode安装LiveServer插件 4.安装之后vscode右下角会有GoLive这个标识 5.点击GoLive会在默认浏览器打开一个网页,我设置的火狐为默认浏览器,... 查看详情
sonic开源移动端云真机测试平台-用例编写与回放流程实例演示，任务定时执行图像相似度定位公共步骤公共参数测试套件等
Sonic开源移动端云真机测试平台-用例编写与回放流程实例演示第一章：Sonic平台的用例编写与回放①项目的创建②设备中心选择设备③定位并添加控件④新增用例⑤运行用例⑥添加测试套件批量执行脚本⑦设置定时任务执行... 查看详情
移动app传统测试流程优化
...力测试等，web端测试包含了前端页面的UI界面测试、PC与移动端浏览器兼容性测试和功能测试等，而客户端测试包含的测试项目较多，而每项测试又相对技术含量较高，从而引入了专项测试的概念。和针 查看详情
移动端web开发基础知识(代码片段)
文章目录移动端Web开发移动端基础浏览器视口样式编写分辨率和设备像素比二倍图SVG矢量图移动端Web开发移动Web开发的两种主流方案，一种是单独制作移动端页面，另一种是制作响应式页面移动端页面：单独制作移动... 查看详情
个人作业——软件产品案例分析
前言 测试对象： 华为软件开发云web端和移动端测试者： 匿名用户一名测试时间： 2017/11/28-2017/12/01测试结果： 总评：移动端体验效果一般，web端较好 测试结果：移动端发现2处不良体验，web端发现1处不良... 查看详情
vue_真机调试页面
...家的，还是太懒了。 我用的是vux起的一个项目（移动端，基于vue的），因为是移动端的，需要在手机上测试，发现用http://loc 查看详情
web测试中常见分享问题
...，总结分析。 首先考虑，对于H5页面，分为PC端和移动端，移动端又有iOS与Android。同时，Android又因为系统的碎片化，最易产生各种适配 查看详情
移动端web怎么循序渐进地开发一个移动端页面
1.移动页面开发基础1.1像素——什么是像素像素是Web页面布局的基础，那么到底什么才是一个像素呢？像素：一个像素就是计算机屏幕所能显示一种特定颜色的最小区域。这是像素的概念，实际上，Web前端开发领域，像素... 查看详情
webapp(web开发移动web开发)
总结：移动端适配方案 或者直接做响应式页面，让pc端和移动端的界面排版不一样 1、移动web基础知识 移动web开发和web开发没有本质的区别：都是使用html（html5）、css（css3）... 查看详情
移动端手机调试的几种方法
参考技术A很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为... 查看详情