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

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

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

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

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

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

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

重要的事情说三遍！

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

一、谷歌的手机模式：

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

二、模拟软件：

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

下载地址及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 项目

依次打开：开始→运行→输入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：希望看完我文章的小伙伴可以获取到自己所需要的知识或者解决自己所遇到的困难，然后一起共同进步！！！

web前端移动端项目测试的几种方法相关推荐

[Web 前端] 018 css 清除浮动的四种方法
清除浮动的四种方法加 clear: ...(见例1) 父级上增加属性 overflow:hidden(见例2.1) 在最后一个子元素的后面加一个空的 div,给它一个样式属性 clear: both ...
阿里云视频直播 web前端[移动端] Aliplayer的简单案例
阿里云视频直播 web前端[移动端] Aliplayer的简单案例最近做了一个功能就是播放后台提供的各种直播视频,格式在未确定的情况下,刚开始以为简单的一个video标签就能播放视频,后面才发现各种 ...
千锋教育Web前端——PC端企业类型整页制作
千锋教育Web前端--PC端企业类型整页制作文章目录千锋教育Web前端--PC端企业类型整页制作一.PC端的布局二.源码 1.CSS源码 2.HTML源码三.运行结果一.PC端的布局通栏 ...
web前端/移动端H5博客专家博客大全--值得收藏的前端技术大牛博客地址
web前端/移动端H5博客专家博客大全--值得收藏的前端技术大牛博客地址 Huang Jie Blog .Com-前端开发 http://www.huangjieblog.com/?feed=r ...
前端框架vue3的node安装及项目构建的4种方法
前端框架vue3的node安装及项目构建的4种方法 C:\Users\Mac\Documents\newlifewyq\技术精英-source\vue\vue3pro>cnpm install ...
美团脱颖而出的经验_使数据科学项目脱颖而出的6种方法
美团脱颖而出的经验 The global COVID-19 pandemic has left many with a lot of time on their hands to work on th ...
java web ip_详解Java Web如何限制访问的IP的两种方法
前一阵子因为在做项目时碰到了这个功能,现在好好总结一下,至于为什么要限制IP访问,我就不多说了.然后百度了一下,现在主要有两种方式去限制IP访问,第一种是最简单的方便的,第二种是通过过滤器来限制访问. ...
清理项目缓存的几种方法
清理项目缓存的几种方法: meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> &l ...
web集群时session同步的3种方法
web集群时session同步的3种方法在做了web集群后,你肯定会首先考虑session同步问题,因为通过负载均衡后,同一个IP访问同一个页面会被分配到不同的服务器上,如果session不同步的话 ...

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

web前端移动端项目测试的几种方法相关推荐

最新文章

热门文章