web前端移动端项目测试的几种方法

本人只是个做前端刚刚半年的小白 技术还不熟练  见识也不够广   希望大家不喜勿喷

如果有不对的地方欢迎大家指出  我更加会努力的学习  提高自己的水平！

 

本人只是个做前端刚刚半年的小白 技术还不熟练  见识也不够广   希望大家不喜勿喷

如果有不对的地方欢迎大家指出  我更加会努力的学习  提高自己的水平！

 

本人只是个做前端刚刚半年的小白 技术还不熟练  见识也不够广   希望大家不喜勿喷

如果有不对的地方欢迎大家指出  我更加会努力的学习  提高自己的水平！

 

重要的事情说三遍！

 

前端工程师开发移动端项目可能用到的测试工具：

 

一、谷歌的手机模式：

下载地址：下载谷歌浏览器F12就可以了

二、模拟软件：

2.1  微信开发者平台：（感觉和谷歌手机模式很像，就是位置换了）

下载地址及api：

下载地址及api：

https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html#.E4.B8.8B.E8.BD.BD.E5.9C.B0.E5.9D.80

点击打开链接 点击打开链接 点击打开链接 点击打开链接 点击打开链接

2.2  HBulider（强烈推荐）

中国制造！可以媲美sublime  还可以为你提供一个类似Apache的服务器  搞ajax再也不用愁了，感觉和Java的eclipse有点小像。

不过体积太大了 有大约500M  这点就和sublime 差距有点大了..不过好处是国产能看的懂..（英语渣渣的小伙伴再也不用天天baidu翻译了）而且它还可以测试移动端  对于前端初级中级的朋友还是不错的选择，当然sublime也很好

HBulider真机测试方法：

Usb连接手机，手机设计允许usb调试 然后就可以啦！

三、本地访问：

这是最便捷的真机测试方法，因为模拟机和谷歌测试还是和真机有点差距的！

适用于IIS  apache  等web服务器

下面是具体的使用方法：

 

1、电脑下载并开启一个免费wifi热点

2、打开你的项目如下图：

我使用的是eclipse 项目

 

3.

依次打开：开始→运行→输入cmd 回车→然后在DOS里输入ipconfig  见下图 会出现你的网络配置，IPv4地址是我们需要的我的是 192.168.191.3

 

4.把手机连上自己电脑打开的wifi

在2中我的项目的网址是（cloud为项目总目录，后面这个地址输入后项目会自动跳转到login页面中，所以可以忽略地址后面的内容）：  http://localhost:8181/cloud

在3中我的本地ip是：   192.168.191.3

我只需要把localhost换成我的ip

在手机中输入的地址就是：

192.168.191.3:8181/cloud

然后就大功告成了

zz：可能文中哪里有技术错误或者语言错误还请各位读者原谅，我会继续改进的！！

ps： 希望看完我文章的小伙伴可以获取到自己所需要的知识或者解决自己所遇到的困难，然后一起共同进步！！！