【chrome支持】chrome如何重新提交post请求，并且更改请求参数

已于 2023-12-27 10:01:57 修改
阅读量2.1w 收藏 30
点赞数 10
CC 4.0 BY-SA版权
分类专栏： 技术支持 文章标签： html5 chrome devtools postman
于 2022-10-06 11:00:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/daban2008/article/details/127180303
本文介绍了一种在特定网页环境中提交视频播放时间的方法。通过在相同域名下利用fetch API发送带有自定义播放时间的请求来避免跨域问题，实现精准控制视频播放进度上报。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、首先我要做的是刷一个视频播放时间
1.1、播放一段时间后点击返回才会提交时间
在这里插入图片描述
1.2、点击返回后，浏览器发了一个如下请求
注意：“videoTime”:295 这个295就是播放的秒数，最终要乘以3，才是实际要显示的时间
意思就是值为200时，实际结果为600秒，也就是播放时间增加10分钟
在这里插入图片描述

那我们需要怎么做呢

错误示范:
1、直接在当前页copy as fetch
在这里插入图片描述
2、直接粘贴到当前的console中
在这里插入图片描述
3、回车，发现报错
意思 就是不能跨域
在这里插入图片描述
正确示范：
1、首先把这个请求在新窗口中打开
在这里插入图片描述
2、直接之前页copy as fetch
在这里插入图片描述
3、粘贴在打开的新页面下
域名必须是和fetch同一个域名，不然会跨域错误
更改后面的295，就可以回车提交了
在这里插入图片描述
4、主要修改
“courseId”:“13090” 、课程id
“videoTime”:295 // 播放时间

谷歌浏览器怎么重发请求_Chrome浏览器F12开发者工具的几个小技巧总结
weixin_35656580的博客
01-12 7183
1、直接修改页面元素选择页面上元素，右键“检查”，会打开开发者工具窗口，显示当前选择元素的源代码，可以双击进行修改。如果要修改的东西比较多，可以折叠元素并单击选择，再右键Edit as HTML修改。2、颜色取色器选择页面上元素，右键“检查”，会打开开发者工具窗口，在Styles窗口中，点击一个样式的color右边小方块(如没有color可自己输入如color:red)，会弹出颜色拾取器，可以在上...
谷歌浏览器怎么重发请求_chrome发送post请求操作方法_怎么用chrome浏览器发送post请求-win7之家...
weixin_39635567的博客
12-20 4710
在使用chrome浏览器的过程中，我们常常会涉及到各种各样的请求，其中就包括了浏览器发送post请求的问题，这也是有些用户需要使用到的一种调试接口的操作方式，那么怎么用chrome浏览器发送post请求呢？接下来小编就来告诉大家chrome发送post请求操作方法。64位chrome浏览器官方免费版v84.0.4147.135这款64位chrome浏览器官方版v84.0.4147.135是款由谷歌...
chrome插件修改请求头
02-12
修改chrome的请求头。 Header Editor是一款管理浏览器请求的Chrome扩展，包括修改请求头、修改响应头、重定向请求、取消请求。 　　您可以从Redirector导入规则 　　规则说明： 　　1、匹配类型 　　规则会应用到满足相应匹配条件的URL上 　　全部：对应所有URL，包括Header Editor自身 　　正则表达式：支持标准的JS正则表达式。例如你输入的正则表达式是str，那么，实际上，程序内部就会使用new RegExp(str)初始化正则表达式。如果匹配规则是正则表达式，则修改结果（目前包括重定向至）支持使用形似$1的占位符 网址前缀：包括http://在内的网址前缀 　　域名：包含子域名在内的完整的域名 　　网址：包括“?”及之后的所有内容的完整地址 　　2、排除规则 　　不论是否满足匹配规则，只要满足了排除规则，那么此条均不会对当前URL生效 　　3、自定义函数 　　通过自定义函数实现更灵活的功能。 　　其他特殊功能 　　使用功能“修改请求头”或“修改响应头”时，将头内容设置为_header_editor_remove_
chrome修改post请求参数_fiddle修改请求参数和响应参数
weixin_34668850的博客
01-16 1万+
一、修改请求（request）参数1.打开fiddle,在命令行输入阻断需要拦截的请求：bpu xxx(xx指匹配拦截的接口字段)，点击enter确定，重新请求页面，可以看到该请求已经被拦截2.点击该请求，右侧Textview可以直接修改参数值，或在Webforms输入需要修改请求参数，修改完成点击Run to Completion执行放行，可以看到修改请求生效，返回是对应修改请求参数后的结果3....
【一】浏览器的copy as fetch和copy as bash的区别
最新发布
oschina_41559824的博客
05-09 1053
在浏览器的开发者工具中，copy as fetch 和 copy as bash 是两种不同的复制网络请求的方式。copy as fetch 会将请求复制为 JavaScript 的 fetch 函数调用，适用于在浏览器或 Node.js 环境中直接执行。而 copy as bash 则将请求复制为 curl 命令，适用于在命令行中执行。两者的主要区别在于输出格式和使用场景：fetch 适用于 JavaScript 环境，而 curl 适用于命令行操作。
Chrome(谷歌) http请求自动转化为https
热门推荐
麦叔
10-25 1万+
雷总镇楼 今天在工作中遇到一个很奇葩的问题,且听说细细说来! 一.问题回顾 本周接到一个优化需求,当我用谷歌浏览器访问首页时,发现静态资源的请求路径由本来的http全部自动变为https. 首先,我想到的是,是不是我把静态资源地址写错了,检查以后,发现的确是http协议开头.在尝试用IE浏览器访问,竟然可以正常访问,什么鬼??? 二.问题探究 经过百度,发现网上的解决方案如下: Chrome 浏...
软件测试 |web测试—截获和修改POST请求
慕漓的博客
08-17 204
这意味着每次软件更新检查，后台HTTP连接或者使用HTTP的应用会突然将自己的所有请求都通过WebScarab来发送，这可能是数量巨大的，而且它会妨碍你搜集与单个请求有关的数据的能力。作为Web代理（有关Web代理的更多信息，看第三章），WebScarab在数据离开你的浏览器但还没有到达服务器的时候对其进行截获和修改。WebScarab允许你修改所有请求头，甚至是请求将被发送到的URL.这使得它能够方便地同时修改GET和POST信息，这种功能是其他工具（比如TamperData）所没有的。
谷歌浏览器中编辑并重发请求
llg___的博客
11-06 4459
有时候，需要调整请求参数后，重新发送请求，查看响应，从浏览器搬到Postman太繁琐，可直接在浏览器进行编辑并重发。
chrome浏览器Network重放重新发送网络请求方法
03-11 9791
1. 打开Chrome浏览器，并进入需要重放HTTP请求的网页。2. 在Chrome浏览器中，按下“F12”键，或者点击菜单栏中的“更多工具” -> “开发者工具”，打开开发者工具面板。3. 在开发者工具面板中，选择“Network”选项卡，在该选项卡下，可以看到所有的HTTP请求和响应信息。4. 找到需要重放的HTTP请求，右键点击该请求，并选择“Replay XHR”选项，即可重放该请求。
chrome修改post请求参数_解决moco框架API在post请求json参数情况下query失效的问题
weixin_33716865的博客
01-23 1267
在使用moco API做接口虚拟化的过程中遇到一个比较棘手的问题，就是根据官方文档提供的案例，并不能跑通post请求在处理json传参格式的虚拟化。经过查询源码，发现了一个问题：源码：public class ParamRequestExtractor extends HttpRequestExtractor<String[]> { private final String p...
利用chrome控制台调试post请求
清雨小竹
09-09 8636
F12打开开发者模式，在控制台内粘贴代码。 var url = "http://127.0.0.1:8080/open/test"; var params = { "ids": [11] }; var xhr = new XMLHttpRequest(); xhr.open("POST", url, true); xhr.setRequestHeader("Content-Type", "application/json"); xhr.onload = function(e) { if
详解使用fetch发送post请求时的参数处理
08-30
然而，与使用`XMLHttpRequest`不同，`fetch`在处理POST请求时，特别是在设置参数方面有一些特殊的注意事项。本文将深入探讨如何使用`fetch`发送POST请求，并处理相关的参数。 首先，让我们明确一个关键点：`fetch`...
chrome扩展插件获取ajax请求记录
04-06
每条请求都包含请求方法（GET、POST等）、URL、状态码、响应时间、响应头和请求头等信息。开发者可以通过过滤功能只显示Ajax请求，从而更方便地查看和分析。 此外，Chrome的"Chrome DevTools Protocol"也允许开发者...
基于chrome插件获取页面请求的请求信息，返回信息
08-07
我们需要注册`chrome.webRequest.onBeforeSendHeaders`事件监听器，它会在请求发送前触发，允许我们获取和修改请求头。同时，我们也需要监听`chrome.webRequest.onCompleted`事件，以便在请求完成后获取响应信息。 ...
chrome插件webRequest拦截请求并获取post请求体requestBody数据raw内容，解决中文乱码问题
03-06 5185
中文乱码主要出现是因为 String.fromCharCode.apply 引起的。可以看到requestBody内容是raw格式数据： 里面是bytes字节类型。拦截请求代码放在background.js里面：（想要看到原始内容，需要解析raw数据：（下面代码解析中文乱码。
chrome插件开发修改post请求的请求参数
01-14
### 如何在Chrome扩展开发中修改POST请求的参数 为了实现对POST请求参数的修改，在Chrome扩展程序中可以利用`webRequest` API中的事件监听器，特别是`onBeforeSendHeaders`和`onHeadersReceived`。这些API允许拦截...
浏览器---chrome 高级调试技巧汇总（后期继续添加）
COCOLI_BK的博客
07-26 9742
decodeURIComponent(ody中的参数，即可转义为正)2.post请求修改body里面的参数，可能需要适当的转换。这里修改参数是分两种情况get请求和post请求。4.控制台获取Elements面板选中的元素。1.get请求直接修改url上的拼接参数。10.$i直接在控制台安装npm包。3.复制JavaScript变量。7.控制台引用上一次执行的结果。9."$"和"$$"选择器。2.在控制台快速发起请求。5.截取一张全屏的网页。1.一键重新发起请求。.....................
如何使用浏览器发post请求
m0_50736744的博客
08-08 1万+
如何使用浏览器发送post请求进行测试。
测试开发之路之chrome插件（五）修改网络请求
测试开发成长之路
03-02 2837
前面我们介绍了Chrome插件中的界面组件，本期我们讲一下如何使用插件修改网络请求。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值