① 你们知道如何在移动网络下测试服务端，前端需求吗
一、将新需求布置到线上服务器，直接在线上测试
此种方法对于测试是最简便的方法，但是适用范围比较有限，适用范围如下：
1、一个全新的前端页面，没有推广过并且没有任何入口；
2、与新版客户端功能配套的全新服务端和前端页面，与线上版毫无关联，即使上线也不会影响到线上版。
通过该种方式的适用范围可以看出，该种测试方式不适合上面的需求；因为上面的是需求不是全新的，是在老需求上提出的优化需求，如果通过直接上线的方式去测试，一旦有bug会影响线上用户。
二、通过VPN连接到测试服务器进行测试
通过此种方式连接到测试服务器，可以适用大部分场景，但是对公司的网络基础设施有一定要求，公司的网络支持VPN才可以使用。
下面来介绍通过vpn连接到公司内网连接测试服务器的方法：
1、测试资源准备：
1）、由于需要在手机上绑定host，所以需要root过的Android手机或者越狱的IOS手机一部；
2）、可以正常使用的SIM卡一张；
2、在手机上绑定host：
在手机上绑定测试环境的host，关于Android和iOS绑定host的方法，如果有不懂可以自行查找资料或者给我留言，也可以加入搜狗测试粉丝群进行询问哦；
3、通过VPN连接到公司内网：
关于VPN连接的方法，各位同学可以询问自己公司的IT，搜狗的同学如果想使用VPN，可以自行去手机版小P中查看，里面有详细的教程，这里就不过多赘述了；
4、访问测试服务器，查看是否连接到测试环境：
上述步骤完成后，接下来咱们访问需要测试的前端页面，查看是否已成功连接到测试环境，查看是否为测试环境主要有如下几个方法：
1）、如果新需求与老需求在移动网络下访问时有明显不一样的，可以直接访问页面查看；
2）、如果新需求与老需求在移动网络下访问时没有任何区别，例如上面的需求，老需求是无论在WiFi还是在移动网络下均需要手动点击才能开始播放视频，但是新需求在通过移动网络下访问时需要手动点击才能播放视频，与老需求表现一致，无法判断是否已连接到了测试环境，这时可以与开发进行沟通，在测试环境修改一些文案来进行区分，但是测试完毕后一定要及时修改回来并验证，防止将该改动发布到线上。
使用在移动网络下通过VPN连接到测试服务器的方法后，该优化需求无法在移动网络下进行测试的问题得到了解决。
总结：
上述两种方法就是我在工作中常用到的在移动网络下测试服务端、前端需求的方法，那你们遇到类似情况是如何去测试的呢？欢迎大家一起来讨论！
希望可以帮到你，谢谢！
② 在前端页面未完成时，有什么好方法进行测试
就用浏览器测试呗。移动端的话自己配置个服务器，局域网。用手机链接局域网测试。不会弄的话，买个空间域名配置下，把页面传上去直接用手机访问。
③ 前端做出来的移动端页面用什么测试
移动端的web页面调试一般可以采取以下三种调试方法：第一，在PC端的浏览器里直接f12调试，一般现在的浏览器都有device mode，调用这个模式浏览器就可以模拟移动端的设备进行调试，目前chrome支持的设备包括苹果、三星、nexus等；
第二，在PC端创建安卓和ios的虚拟机调试，感觉有点复杂，一般web开发很少用这种模式，原生app开发用得比较多；
第三，直接用移动设备测试，将你开发所用的PC和要测试的移动设备连接在同一个局域网下，通过PC搭建一个服务器，这样移动设备就可以通过局域网ip访问你开发的网页看效果了。
通常来说，第一种调试方式方便快捷，能够快速的查看效果，基本上解决90%的调试问题。剩下的问题一般要配合第三种方法，比如不同的系统（安卓、苹果）搭配不同的浏览器（UC、QQ、chrome、Safari）的显示差异问题等等。
④ web前端移动端项目测试的几种方法
浏览器F12 debug 性能测试 实体机测试 基本自己测试的时候浏览器测试（F12 debug）基本满足了，剩下的交给测试部门吧~~
⑤ 前端开发 如何在PC端浏览器 测试手机端类似摇一摇功能传感器事件
最好是使用真机去测试 ， 这样比较保险 。
如果在pc则需要安装虚拟机 google有提供这样的程序，你可以去下载他的ide
⑥ 前端测试有哪几种类型
目前在软件系统开发中，测试是一个非常重要的环节，特别是前端测试，有几种类型的测试被认为是前端测试所必需的，让我们简单了解一下。
01
单元测试
在修复bug或添加一点功能时，软件的其他部分可能会停止工作。为了处理这种情况，单元测试将代码的各个部分分开，以单独检查其准确性。跳过或最小化单元测试可能会导致修复缺陷的成本增加。Javascript单元测试包括一个套件中有组织的测试数量，这些测试彼此不冲突，并且相互之间的依赖性更少。
02
端到端测试
端到端测试涵盖了应用程序从头到尾的流程，结束测试跟踪用户的旅程，如打开浏览器、导航，并体验完整的生产场景。端到端测试验证互连系统和软件系统，它包括一个完整的前端和后端系统。
03
集成测试
集成测试的目的是使模块/组件按预期运行。集成测试技术应用于许多模块紧密耦合的大型应用中，模块被单独测试，一旦集成，组合行为被验证，它是与开发并行进行的。在集成测试中，您需要更多的逻辑技能，因为在测试期间，某些模块可能尚未准备就绪或正在构建中。
集成时使用测试存根和驱动程序，集成测试将分析开发人员实现的逻辑是否遵循规定的标准。当模块与第三方API交互时，查看响应非常重要。当开发人员跳过单元测试时，集成测试就不可避免了。
04
功能测试
功能测试，用于验证应用程序或网站对目标用户能正确工作。使用适当的平台、浏览器和测试脚本，以保证目标用户的体验将足够好。功能测试是为了确保程序以期望的方式运行而按功能要求对软件进行的测试，通过对一个系统的所有的特性和功能都进行测试确保符合需求和规范。
05
可视化/用户界面测试
视觉/UI测试包括屏幕截图的验证。这是一项质量保证活动，旨在确保屏幕在任何设备、屏幕分辨率、浏览器和操作系统上的外观与预期一致。通过无头浏览器中捕获的不同屏幕截图比较渲染版本的结果，可视化回归测试允许您检测偏差。
在构建应用程序时，事情会变得过载和复杂，这种情况很容易破坏现有的功能并引入新的bug—单元、行为和集成测试将到位，以使应用程序稳定。
06
性能/压力测试
性能测试是一种非功能性技术，它在各种工作负载下检查软件的稳定性、响应性、速度、可靠性和资源使用等系统参数。
压力测试：应用程序被重载以检查意外行为并了解其承受能力。
为网站执行一个高质量的前端测试将提高生产力，并增加客户对您的服务的依赖。了解趋势通用模式并结合专家经验来定义质量测试套装是很重要的。
07
跨浏览器测试
Web端应用测试主要障碍之一就是在不同的浏览器上“测试他们的网站/应用程序”，也称为“跨浏览器测试”或者“兼容性测试”。浏览器和浏览器版本很多（Google Chrome，Mozilla Firefox，Internet Explorer，Microsoft Edge，Opera，Yandex等），可以通过多种设备（通过台式机，笔记本，智能手机，平板电脑等）访问网站/应用。）以及可能用于访问网站的多种操作系统（Windows，MacOS，Linux，Android，iOS等）。
要确保网站的UI/UX及其功能正常运行，并且在“浏览器+浏览器版本+操作系统+设备配置”的组合上没有任何BUG，则将需要大量的开发，测试和维护工作。
⑦ vue.js如何进行手机真机测试呢
1. 首先要保证，你的手机和电脑必须是连接同一个WIFI
2. 找到vue项目中的，package.json文件，修改增加内容
三人行慕课
这里要增加一个 --host 0.0.0.0
3. 找到自己电脑的本地ip
mac或者linux的用户在终端执行：ifconfigwindows用户执行：ipconfig
找到对应自己的ip
4. 找到ip后，在手机的浏览器中输入ip即可，例如我的ip是：192.168.137.1
手机中输入
诶吃提提屁://192.168.137.1:8080
⑧ 前端中怎样将写好的网页在真机上进行测试
使用grunt+bower+webstorm作为前端开发工具，在开发移动端的时候，怎么才能直接在真机上进行页面调试？
举个例子就是在IDE里写html，手机上也会同步展示。
-------分隔线------
在各位大神的推荐下使用了browser-sync，发现真是神器啊，现在使用grunt-watch + browser-sync 可以实现了实时编译。这里有个前端大牛裙前面是五五二中间是就一二后面是思五五连起来可以了，不是来学习请不要加了
在使用的过程中发现了一个问题，就是使用ip在本机是可以访问的
http://192.168.2.224:3000/src/html/index.html
但是发到手机上就访问不了了
确定是在同一个网段，路由器配置也检查过了。。。实在找不到原因了
⑨ vue前端谷歌测试正常，手机端不能滑动怎么办（安卓，苹果都不能滑动）
vue前端谷歌测试正常，手机端不能滑动足兼溶性问题，是兼溶性不好。
⑩ 如何用手机进行本地前端调试
第一步：连接电脑与手机
1. 手机打开“开发者选项”
安卓手机进入“设置”—>“关于手机”—> 在“版本号”上点7次（或其他的版本号位置，一个个试肯定有……）
然后“开发者选项”就出现在“设置”里面了。
2. 手机打开“USB调试”
进入“开发者选项”—>打开“USB调试”（如果想手机长亮还要打开“不锁定屏幕”）
3. 连接并允许调试
用USB数据线将手机与电脑连接—>手机上出现“允许该电脑调试”时点“允许”（可能会晚点出现，先去第二步）
第二步：用电脑启动手机浏览
1. 打开chrome的inspect
在电脑chrome地址栏中输入chrome://inspect—>勾选“Discover USB devices”
如无意外在Devices中会出现手机型号。
如果没有，再确认下：开发者选项、USB调试、允许该计算机调试
2. 手机打开chrome app
在手机中打开chrome，这时电脑的chrome inspect中会出现输网址的地方。
3. 测试手机浏览的控制
在电脑chrome inspect输入框中随便输个在线网址，点Open，手机chrome就会打开该页面。用电脑chrome可以控制刷新、关闭，但是用来调试的inspect点开是空白，应该是被墙了。
第三步：用手机测试本地页面
1. 开启本地服务器
对的，很遗憾手机chrome不能进行静态页面的调试。
所以必须开本地服务器，所幸现在有gulp+webserver，用法这里不讲了。
总之，完成这一点后，你应该在电脑上用 http://localhost 来浏览网页了。
2. 电脑chrome开启端口转发
在chrome inspect中点“Port forwarding...”—>把端口和localhost链接输进去（比如8000和localhost:8000）—>勾选“Enable port forwarding”—>Done
3. 打开手机浏览localhost
如：输入http://localhost:8000 点Open
这样手机就能打开页面了。