zoukankan      html  css  js  c++  java
  • Charles学习(二)之使用Map local代理本地静态资源以及配置网页代理在Mac浏览器上调试移动端

    前言

    我们在开发的过程肯定是一边写代码,一边查看自己的代码写的是否存在问题,那么问题来了,有两种情况

    情况一:我们可以本地起服务,那么我们就可以在本地检查自己的代码,查看运行结果

    情况二:本地无法起服务,那么我们怎么办?难道要改一点就要上预发?

    方案

    情况二方案:配置移动端代理 | 使用Map local代理本地静态资源,也就是html、css、js、img还有json 

    配置网页代理

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

    Map local代理本地静态资源

    打开Charles  -》Tools -》Map Local -》add  -》填写相关信息

     

    着重说一下填写信息这里:

    Map From

    Protocol:协议(可以在浏览器中找到想要代理的静态资源的请求或者接口,查看请求或接口路径,可以知道使用的是什么协议)

    Host:域名(同上)

    Port:端口(同上,如没有明确标出就是默认端口80)

    Path:代理接口或者静态资源的路径(同上)

    Query:参数(没有的话可以不给)

    Map To

    Local Path:就是我们这个接口的mock数据或者静态资源本地文件的地址

    补充

    我们可以在charles中直接找到相应请求,右键-> Map Local

    此时会发现map from中的信息已经为我们添加好了,所以我们只需要添加map to的信息就ok

    案例

    结果

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

     

  • 相关阅读:
    非递归前序遍历,效率高 和 中序遍历代码都相似
    递归-变量-堆栈-透彻理解
    Linux 进程管理
    5linux引导流程解析
    Linux 软件包管理
    vim
    Linux常用命令
    Linux 系统安装
    linux 应用和发展
    贴图、纹理、材质的区别是什么? 还有shader
  • 原文地址:https://www.cnblogs.com/kunmomo/p/11315803.html
Copyright © 2011-2022 走看看