前言

问题一：我们在App内嵌H5开发的过程中，肯定会遇到一个问题就是我不想在chrome的控制台中调试，我想要在手机上调试，那么如何解决这个问题呢？

问题二：我们期待调试时达到的效果就是和Charles学习（二）之使用Map local代理本地静态资源在Mac上调试移动端中实现的效果相同，也就是说代码更改页面实时更新，这个问题如何解决呢？

方案

问题一解决方案：使用模拟器

问题二解决方案：配置网页代理 | 使用Map local代理本地静态资源

使用模拟器

一、安装

通过xcode安装模拟器

二、使用

1、下载和xcode版本相对应的模拟器包

2、command + 空格

3、输入 Simulator

4、将下载的模拟器包拖入模拟器

5、安装完成

6、打开安装的App

7、选择环境

情况一：打开模拟器选择自定义环境支付页 —》 paybeta（这样其他模块都是线上环境，而支付页是预发环境我们不需要担心其他模块的操作影响到我们）

情况二：打开模拟器选择预发环境（因为是预发环境所以如果其他模块也在测试的话可能会受到其他模块的影响）

三、勾选项

勾选之后我们就可以在模拟器里操作了！

配置网页代理

详情见Charles学习（一）之macOS Charles 4.x版本的安装、激活、使用以及软件功能了解

Map local代理本地静态资源

详情见Charles学习（二）之使用Map local代理本地静态资源在Mac上调试移动端，需要的配置全部相同。

结果

此时我们在模拟器里操作发起的请求都会被charles抓取到，并且我们更改代码，也可以在模拟器里实时查看。

转载于:https://www.cnblogs.com/kunmomo/p/11359083.html

Charles学习（三）之使用Map local代理本地静态资源以及配置网页代理在Mac模拟器调试iOS客户端...相关推荐

Charles学习（四）之使用Map local代理本地静态资源以及配置移动端代理在真机上调试iOS和Android客户端...
前言问题一:我们在App内嵌H5开发的过程中,肯定会遇到一个问题就是我不想在chrome的控制台中调试也不想在模拟器中调试,我想要在真机上调试,那么如何解决这个问题呢? 问题二:我们期待调试时达到的 ...
将Vue项目部署在Nginx,解决前端路由、反向代理和静态资源问题
将Vue项目部署在Nginx,解决前端路由.反向代理和静态资源问题需求: 一台服务器,Linux 安装了Nginx 使用Vue脚手架编写的Vue项目第一步:将Vue项目打包,然后将生成的dist文 ...
实战react技术栈+express前后端博客项目（3）-- 后端路由、代理以及静态资源托管等配置说明...
项目地址:github.com/Nealyang/Re- 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢.分享当然是好的, ...
Charles切环境，使用map Local
1,背景并不是一直都在线上环境操作,有时候可能会需要在sim环境,有时需要pre环境进行操作.charles有一个反射机制,对于有特殊需求的人来说还是很好用的:可以用charles的map loca ...
使用charles对vue项目进行map Local功能mock数据页面不正常显示
最近发现使用chales的 map local功能,对vue页面进行数据mock的时候,页面不能正常显示查看控制台发现报错如下: 原因: 由于前后端分离导致的跨域问题解决方法: 使用charles ...
Nginx-应用:静态资源部署、反向代理以及负载均衡
本章节将要讲解的是Nginx的使用,我们主要从以下四个方面进行讲解. 1.1 配置文件结构 nginx的配置文件(conf/nginx.conf)整体上分为三部分: 全局块.events块.http块 ...
静态资源java 配置文件_java web 静态资源访问配置三种方式
方案一:Tomcat的defaultServlet来处理静态文件要放在DispatcherServlet的前面, 让 defaultServlet先拦截请求,这样请求就不会进入Spring了方案二 ...
node.js学习笔记3 express基本使用、托管静态资源、express中间件
内容 1. 什么是express 1.1 http模块和express的关系 2. express能做什么 3. express的基本使用 3.1 安装 3.2 创建最基本的web服务器 3.3 监听 ...
java代理（静态代理和jdk动态代理以及cglib代理）
说到代理,脑袋中浮现一大堆代理相关的名词,代理模式,静态代理,jdk代理,cglib代理等等. 记忆特别深刻的是,一次面试中,一位面试官问我,spring的AOP核心采用的设计模式是什么什么模式,阅读 ...

Charles学习（三）之使用Map local代理本地静态资源以及配置网页代理在Mac模拟器调试iOS客户端...

前言

方案