浏览器页面更改请求接口的环境

香菊网 发表于: 2019-08-09 分类: H5部分  服务器  软件soft  前端front  

前言:

当项目区分开发环境预发环境和线上环境的时候 请求的域名有时候是不一样的 ,我们调试的时候只有一个或者两个接口需要切换的别的 或者 后端本地的服务器,但是又没有配置环境的情况下,推荐一个强大的插件Tamper Chrome。用来修改请求头、详情头、请求链接。

 

Tamper Chrome 作用:当发生http请求的时候  进行拦截  然后在浏览器里更改请求接口的地址和信息。

 

场景:

 第一种情况:比如我们当前的测试域名是 testh5.xiangjv.top 但是后台有个接口需要更改或者迁移某一个接口 配合就可以直接更改其中一个。

 第二种情况:跟后端本地调试的时候 有其中一个是另一个后端本地开发的 我们也可以直接更改请求信息。

 有以上两种情况我们都希望直接更改对应的接口 其他的保持不变,从而来方便我们的开发调试。有很大的方便。

使用:

1、下载

  1. 首先安装防篡改Chrome扩展程序
  2. 然后安装Tamper Chrome应用程序
  3. 重启浏览器。

exten applicat

2、开发者工具

 f12  打开我们的开发人员工具

您会在右上角找到一个名为“Tamper”的新标签,然后点击它。

Tamper Chrome

Tamper Chrome有6种不同的工具,它们的功能略有不同

点击当前的复选框,这将标记该工具处于活动状态。

然后刷新下页面就可以数据状态

tamper chrome alert

对相应的请求数据进行更改 来达到我们的开发的目的

github 地址: https://github.com/google/tamperchrome

标签: H5部分服务器软件soft前端front
Copyright © 2019 幻雨焉缘博客 | 浙ICP备19001843号-1
----------------------------------
种一棵树,最好的培养时间是十年前,其次是现在 加油  (ง •_•)ง。        ──── 前端攻城狮