精华内容
下载资源
问答
  • 当你想在手机测试自己的页面效果,或是公司其他同事想看你本地的项目效果时,可是使用快捷方便的http-server来实现。 我比较喜欢使用git环境(如果没有,使用管理员身份Window+r 然后cmd也可以),首先呢,你得先...

    当你想在手机上测试自己的页面效果,或是公司其他同事想看你本地的项目效果时,可是使用快捷方便的http-server来实现。

    我比较喜欢使用git环境(如果没有,使用管理员身份Window+r 然后cmd也可以),首先呢,你得先安装node和npm,然后呢,进入主要步骤:

    //第一步全局安装http-server环境
    npm install http-server -g 
    //在你想要浏览的目录下执行http-server
    http-server
    

    这个算是比较实用的小技巧了吧 。

    展开全文
  • 本地测试手机网站支付时出现 “交易订单处理失败,请稍后再试。(ALI59)”错误?求大神赐教
  • 一般情况下,本地文件通过电脑访问localhost(或者127.0.0)可以直接访问; 但是前几天自己仿写的Vuede 一个WebApp项目,想通过locahost:8080访问的时候访问不到文件。 直接上解决方案 找到vue项目build下得...

    一般情况下,本地文件通过电脑访问localhost(或者127.0.0)可以直接访问;
    但是前几天自己仿写的Vuede 一个WebApp项目,想通过locahost:8080访问的时候访问不到文件。
    直接上解决方案

    找到vue项目build下得webpack.dev.conf.js文件
    修改devServer 下面的host:HOST || config.dev.host
    改成 host: ‘0.0.0.0’ || config.dev.host;
    直接用手机连接局域网,就可以完成手机访问
    在这里插入图片描述

    展开全文
  • react react已经做过处理了,直接运行就可了项目,找到本地ip,打开就行了。如下 ...1、HOST(10.2.9.167)是本地的IP地址(如果运行的是http://localhost:3001则运行...2、手机和电脑连的是同一个WiFi ...

    react

    react已经做过处理了,直接运行就可了项目,找到本地ip,打开就行了。如下

     

    注意事项

    1、HOST(10.2.9.167)是本地的IP地址(如果运行的是http://localhost:3001则运行http://10.2.9.167:3001就可以打开项目)

    2、手机和电脑连的是同一个WiFi

    展开全文
  • 开发手机APP和 H5 应用经常需要在本地和线上环境分开测试,一般想到的操作都是修改hosts,我也一直这么干的,但手机上修改hosts是需要 ROOT权限的,这样太过麻烦,还有变砖头的风险,而且有些手机根本不能ROOT的。...

    开发手机APP和 H5 应用经常需要在本地和线上环境分开测试,一般想到的操作都是修改hosts,我也一直这么干的,但手机上修改hosts是需要 ROOT权限的,这样太过麻烦,还有变砖头的风险,而且有些手机根本不能ROOT的。

    忙和了一下午,总算完全达到预期,有点收获,下面说说重点,主要是两个:

    1. 本地 DNS 服务
    2. 网络代理

    做个本地的 DNS 服务,有点像DNS劫持的感觉,这个是一劳永逸的办法
    首先,你需要一个Linux 虚拟机或一台服务器
    我下面的配置使用的 Centos7.0 系统,不通版本可能有些差别的。

    一、安装 DNSMasq

    # 安装
    yum install dnsmasq -y 
    
    service dnsmasq start
    
    # 编辑配置参数
    
    vi /etc/dnsmasq.conf
    
    
    # 查找 resolv-file 去掉注释符,添加文件路径
    
    # 表示 dnsmasq 会从这个指定的文件中寻找上游dns服务器
    resolv-file=/etc/resolv.conf
    
    # 查找 no-hosts , 确保前面有 # 井号的(表示被注释掉的),否则 hosts 配置不起作用
    # 监听的IP
    listen-address=127.0.0.1,192.168.0.103
    
    strict-order
    
    addn-hosts=/etc/hosts
    
    cache-size=32768
    
    # 配置到网卡参数,centos7 和 6 的网卡名是不同的,用ifconfig 查看替换下
    
    # centos 7 以前
    vi /etc/sysconfig/network-scripts/ifcfg-eth0
    # centos7 不一定相同
    vi /etc/sysconfig/network-scripts/ifcfg-enp3s0
    
    #  最多只能写3个,注意原配置中若存在则需要调整
    
    DNS1=127.0.0.1
    DNS2=192.168.0.103
    DNS3=202.101.172.35
    #DNS3=202.101.172.47
    
    # 保存后, resolv.conf 文件内容会自动更新的
    
    cat /etc/resolv.conf
    
    # 查看DNS是否已添加进去
    
    
    
    # 注册服务
    chkconfig dnsmasq on
    
    # 重启
    /etc/init.d/dnsmasq restart
    
    # centos7 下使用的命令
    systemctl restart dnsmasq
    
    
    # 检查是否安装成功
    
    netstat -tunlp|grep 53
    
    yum install bind-utils
    
    # 测试是否启用 DNS 配置
    
    dig m.ai9475.com
    
    # 编辑 hosts 文件,配置本地 DNS 劫持域名 IP 的映射关系
    
    vi /etc/hosts
    
    192.168.0.105 m.ai9475.com
    

    这样服务端的 DNS 劫持就基本配置好了
    下一步还需要在手机上设置 DNS 对应的 IP,

    打开 网络设置 -> wifi连接 -> 修改网络 -> 高级 -> 静态IP方式 -> 修改第一个NSIP即可,第二个可用正常的公网DNS

    如下图:

    Android手机DNS配置

    最后注意:修改 hosts 之后,需要重启 dnsmasq 还有 network 最好也重启

    二、使用本地网络代理

    这个方法比较有局限性,对 H5 网页应用还可以,对部分原生 APP 可能无效哦,但有个好处是配合一些软件可以做前端的抓包查看,对测试接口之类的查看数据很有用

    我用到过两个软件,
    1. Fiddler
    这个软件使用很方便,网上有很多介绍,这里就不说了,但据说仅支持 windows 平台
    2. Whistle
    这个是开源的项目,跨平台,我目前用的是这个,配置也很简单
    下面简单说下如何安装使用

    依赖 Nodejs,所以先安装 nodejs
    我这里图方便,就用 yum 的方式安装了

    curl --silent --location https://rpm.nodesource.com/setup_4.x | bash -
    yum install -y nodejs

    下载速度可能有些忙,10KB/s 下载了好半天才下完,耐心等吧

    npm install cnpm -g --registry=https://registry.npm.taobao.org
    cnpm install -g whistle
    w2 start

    这样就完成了。。。

    查看代理请求数据,就是抓包数据

    http://127.0.0.1:8900
    http://127.0.0.1:8899

    :8899 是代理的端口,但也可以查看抓包数据

    两个端口都可以看,下图看看效果先(图片可以直接拖拽查看大图)

    手机无须ROOT不用修改hosts即可在本地测试安卓、苹果APP和H5应用

    其他的就直接看官方说明文档吧,中文的,很清晰明了
    https://avwo.github.io/whistle/install.html

    后面就是手机上操作和上面的 DNS 设置是同一个地方

    打开 网络设置 -> wifi连接 -> 修改网络 -> 高级 -> 代理(手动配置) -> 填写局域网中服务器的IP,如192.168.0.103,端口 8899 

    如下图:

    Android手机设置代理

    最后就是修改服务器上的 hosts,参考上方 DNS 配置 hosts 的操作是一样的

    差不多就这样设置好了。

    最后需要注意的就是清除手机上的缓存,一定要关闭浏览器和应用,清理内存后再打开,否则手机上的 DNS 和网络设置可能没有切换过来的。

    以上配置我都是在 android 设备上测试的, ios 没有应用可测试,不过按理说应该是一样的效果的。
    虽然代理的方法对有些APP 不一定有用,但建议还是 DNS 和 代理一起上吧。。。就这样了。

    展开全文
  • 微信小程序本地测试

    千次阅读 2019-03-13 20:08:56
    微信小程序本地测试 做微信小程序,服务器写在本地 怎么才能与手机相互连接测试小程序或者直接在本地模拟器上测试呢 0.本地测试 根据微信小程序的官方文档,小程序的通讯域名协议只支持https的,官方文档...
  • 手机连接测试本地javaweb项目

    千次阅读 2018-01-20 17:32:37
    1.首先电脑和手机连网必须在同一个局域网内。 2.在电脑上开启一wifi ,手机连接开启好的wifi。或者手机电脑连接统一wifi也可以。 3.在电脑上windows+r 打开cmd窗口 输入命令行ipconfig 如下图所示 4.找到以太网...
  • 本地开发,自己电脑作为服务端,手机连接电脑测试移动端页面1.服务器正常启动,这里的端口是80802.关闭 电脑防火墙3.开启电脑热点4.检查电脑是否可以连通 手机5.获取电脑(服务器) ip6.手机测试连接 1.服务器正常启动...
  • 【分享】测试小白如何测试手机整机系统测试

    万次阅读 多人点赞 2018-08-31 17:45:32
    我想分享的点: 此次相聚为非大型但很靠谱的分享,所以我们就轻松的来点干货的吧!我分享的是以下几方面: 1、UI体验测试 2、功能完整性测试 ...对于手机测试者,特别是Freeme OS系统搭载测试者而言...
  • 有时候存在需要测试登录情况下的接口请求数据,比如业务逻辑中需要获取用户id的,这时在本地环境debug时是无法获取到用户登录信息的,因为没有cookie信息。所以这时后就可以通过手机连接到服务端的网络,安装fiddler...
  • web前端本地测试方法

    千次阅读 2018-08-16 16:51:37
    web前端本地测试方法  在大型项目中的前端测试与开发,通常使用git clone将整个工程目录下载下来,然后本地运行调试。  然而,当一个项目已经发布到测试机上,需要临时查看某个页面的效果或修改某个页面时,...
  • 微信小程序中,导入使用本地图片,开发时在电脑上显示正常,iOS上也能正常显示,但是在Android上图片显示空白, 如图: 原因:网上查找,说有可能是这些原因 1.image src中的图片地址对英文字母大小写敏感,必须...
  • android studio手机连接本地服务器测试

    万次阅读 2017-10-20 10:22:37
     作为一名Android开发者,不管怎么说,都会经历使用Android真机来测试连接本地服务器这样的事情。这里所说的“本地服务器”大多数时候指的是:搭载有某种服务器软件的PC,例如搭载有Tomcat服务器的PC,就可以拿来...
  • 手机测试常用方法

    千次阅读 2019-10-26 08:51:22
    介绍下工作日常中,手机测试涉及到的...前言:手机测试常用的方法,功能测试、安卓与卸载测试、软件升级测试、权限测试、消息推送测试、前后台切换测试、UI测试、兼容性测试、网络环境测试、mokey测试、性能测试
  • 我现在做一个手机拍照的功能,调用微信的接口。但是测试尤其麻烦每次都要上传到生产环境中。 能不能在本地测试呢?
  • 相信很多前端开发者都有开发过移动端web,那么我们如何用手机测试开发的网页? 以下介绍两种方法: 方法一:利用nodejs搭建一个服务器 编码本人已经实现,有兴趣可以看看,把需要测试的网页放到node-server下边的...
  • 微信公众平台测试账号本地配置

    千次阅读 2019-11-28 14:09:14
    因为是本地进行测试,肯定没有需要ICP备案的域名了,这里我采用的做法是在花生壳申请一个免费的域名,下载网址:https://hsk.oray.com/download/,这里以linux服务器为例来讲解 (1)打开网址 (2)点击“下载”,...
  • 本文简单介绍了手机与电脑处于同一个局域网下,如何通过手机访问本地的apache服务器(pc端)做测试 今天,因为写了一个微信网页授权的demo,由于微信的一些限制,每次都需要在微信客户端,进行用户的授权,感觉很...
  • 申请一个微信号(下载微信客户端,手机注册,...因为微信公众号只能连接到外网地址,是不能直接访问到本地localhost的项目地址进行测试的。 1.方式一:买的云主机。推荐 爱名网 2.方式二:BAE(注册百度账号,...
  • 1:手机与电脑在同一局域网下 ...2:找到本地HTML文件的测试地址 例如 http://123.1.2.3:1234/index.html 3:查看电脑ip地址 例如 199.166.33.77 4:替换 将3中的端口替换到2中 ,即:http://123.1.2....
  • 就是在PC电脑端上,测试微信公众号程序,不用在真实手机测试相关的微信公众号功能网页   测试网址需要是放到服务器上,不能是本地网址   比如:测试网页微信公众号支付等等   测试工具:微信web开发者...
  • vue项目在本地测试微信公众号JS SDK

    千次阅读 2019-12-27 00:05:38
    我们不可能直接在线上正式的环境下去单独测试微信公众号JS SDK提供的API,所以如果我们没有线上测试服务器,该如何在本地环境去测试微信公众号JS SDK提供的API呢?首先,假设本地项目对应的线上项目的域名是:...
  • 手机访问电脑本地项目

    千次阅读 2018-08-04 09:43:37
    ▍写在前面 作为一名前端开发者,在编码移动web的...已经将需要测试效果的网页放置在本地项目中,并且该项目已经在本地服务器(Tomcat、Apache……)中运行。 ▍方法 1、首先要保证手机、电脑在同一局域网内(...
  • android 打 aab包&本地测试注意事项

    千次阅读 2021-07-17 13:32:46
    本地测试 注意事项打包本地测试(windows为例) 打包 打aab包命令 //windows gradlew bundleRelease //mac ./gradlew bundleRelease aab目录 本地测试(windows为例) aab包是无法直接安装到手机。如果需要...
  • 前端手机本地调试小技巧

    千次阅读 2017-06-05 15:48:19
    准备工作:手机(与电脑在同一局域网下),编辑器(我用的Hbuilder,我测试了大多编辑器都有启动本地服务的功能),电脑(我的是windows,mac的请找自己ip的方式) 1.本地的项目,在chrome下查看 2.本地打开...
  • App测试中常见的测试
  • 手机访问电脑本地html文件

    千次阅读 2020-08-04 14:06:22
    如果这恰好是你正在开发的用于移动端的页面,想要在手机上访问以便于测试验证效果,怎么访问到呢? 在webstorm的setting中是有相关可设置的,只是我试了不好用 下面有几种办法: 如果你已经安装了全局的node.js,...
  • 手把手教你搭建Mac环境微信小程序的本地测试服务器 问题的提出 Windows环境 方便快捷地搭建小程序的测试服务器 小程序对于网络请求的URL的特殊要求 不能出现端口号 不能用localhost 必须用https 主要步骤 用...
  • 免费搭建微信本地测试环境

    千次阅读 2018-02-22 17:55:40
    1,首先要布置一个内网穿透,将本地微信项目映射到外网,以便通过外网进行手机端微信项目测试。 内网穿透工具有很多,随意选择,我选择的natapp,附上下载地址(https://natapp.cn/)。用这个好处是拥有免费的通道...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 99,035
精华内容 39,614
关键字:

本地测试手机