使用手机测试、访问本地环境方法

有时候我们需要用手机访问线下测试环境,比如在微信中嵌入网页可能还要获取微信openid等一系列测试,一般不会直接放线上测试,下面介绍一下如何使用,

第一步:

下载并安装fiddler2  地址: http://dlsw.baidu.com/sw-search-sp/soft/47/10963/fiddler4setup.1407228361.exe

配置fiddler

第二步:

绑定hosts,比如要用手机端访问m.you.com 测试环境ip 192.168.0.8

在windows上设置host  192.168.0.8 m.you.com

           

第三步:

设置手机代理,查看window的ip,比如我的pc端电脑ip为  192.168.0.2,打开手机进入无线局域网选中连接的网络,设置代理,如图:

第四步:

在手机端访问网页,可以查看fiddler访问日志,及服务器响应内容

时间: 2024-07-31 10:54:51

使用手机测试、访问本地环境方法的相关文章

用手机访问本地环境的利器ngrok

我们在调试移动端页面,尤其是调试微信页面的时候,会遇到这样的情况,手机连着公司的wifi,开发环境(台式机)插着公司的网线,我们要用手机来访问开发环境下的页面.这个时候,如果网线和wifi是在同一个网段,那么直接在手机访问电脑的ip就可以访问到我们搭在本地的web服务.但是,很多时候,公司的网络并不是这么架设的,wifi和网线不在一个网段,那么,通过上述方法就无法访问到了. 有时候调试必须在手机上进行,在chrome下的模拟无法满足.这时候怎么办呢?之前我采取的是这样的办法,电脑上插一个360w

Android手机浏览器访问本地网络相关问题

为了测试开发的手机网站,常常需要使手机直接访问本地网络. 在这个过程中碰到几个问题,记下来供以后参考 1. 在本地主机运行apache后,使用localhost和127.0.0.1可以访问页面,但使用IP(即192.168.1.*)访问时得到403 解决:这是由于httpd.conf的安全限制导致.打开httpd.conf, 搜索127.0.0.1,注释Deny from all,增加一行Allow from 192.168.1.*.修改后的配置如下: #    # Controls who c

关于通过移动设备访问本地环境解决方法

本地环境用http://localhost/访问,但是在做移动端的时候想用手机访问出现了问题,后来在网上查到解决方案. 修改php的配置文件httpd.conf. <Directory /> Options FollowSymLinks AllowOverride None Order deny,allow Deny from all Satisfy all </Directory> 修改成 <Directory /> Options FollowSymLinks Al

手机如何访问本地服务器Tomcat

首先要保证手机与自己的笔记本在同一个局域网中,其次要保证开放了服务器的端口号. 本文以win8为例 1.确认手机和笔记本在同一个局域网中: Win + R 打开"运行",输入"cmd"回车,然后输入"ipconfig"命令,找到如图所示的IP地址: 2.开放服务器的端口号(我的tomcat开启的是8080端口,这个根据自己的配置来设置); 可以参考:https://jingyan.baidu.com/article/e9fb46e19ff8137

wamp环境下手机如何访问本地项目

首先windows+r输入 cmd输入 ipconfig 查看到自己的ip,例如我是192.168.1.** 然后配置host127.0.0.1 192.168.1.** 开启http.conf # Virtual hostsInclude conf/extra/httpd-vhosts.conf 然后就是配置httpd-vhosts.conf <VirtualHost *:80> DocumentRoot "D:/wamp/www/***" ServerName 192.

微信平台开发之利用本地环境加新花生壳解释做测试环境

准备工作: 1.搭建本地PHP开发环境. 2.注册并安装新花生壳. 3.注册微信公众平台帐号. 第一步:搭建本地PHP开发环境,案例使用wamp集成环境. 下载并安装集成环境确保集成环境正常运行. 第二步:注册并安装新花生壳,过程(略). 具体教程可查看http://www.oray.com/ 第三步:对开发环境做解释. 登陆花生壳做解释: 开放wamp的外部访问:教程http://hi.baidu.com/aubbll/item/8bd5a52253d3ecd7a517b685 至此,外网就可

在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择"复制",复制一个图标副本到桌面.右击该副本,选择"属性",

真实手机访问本地电脑网站失败的原因

最近做了一个网站,想用真实手机访问进行调试,但是访问时却提示无法连接,不能打开网站,这是什么原因,百思不得其解,因为手机是可以通过WiFi上网的,电脑虽然是通过网线上网,但都使用同一个路由器,而权限方面并没有做任何限制.之后通过几步检测,终于找到了原因,并解决了问题. 1.测试局域网能否连通 检测的第一步是测试局域网能否连通.这里需要另一台局域网电脑来测试,测试的方法是在电脑里ping一下本机IP. 网络连通性测试 能ping通就表示网络是连通的. 2.检测局域网能否访问共享 测试访问共享的方法

【转】在PC上测试移动端网站和模拟手机浏览器的5大方法

查了很多资料,尝试了大部分方法,下面将这一天的努力总结下分享给大家,也让大家免去看那么多文章,以下介绍的方法,都是本人亲自测试成功的方法,测试环境winxp. 一.Chrome*浏览器 chrome模拟手机总共有四种方法,原理都一样,通过伪装User-Agent,将浏览器模拟成Android设备.以下标星的为推荐方法. 1.新建Chrome快捷方式 右击桌面上的Chrome浏览器图标,在弹出的右键菜单中选择“复制”,复制一个图标副本到桌面.右击该副本,选择“属性”,打开相应的对话框,在“目标”文