dev / 可用工具

Chrome Copy as cURL 魔法转盘到前端脚本

你是否经常从 Chrome Network 抓一个 API 请求下来是以 curl 格式表现的?直接粘贴进此工具,我们送给你一段完整的、可以直接在 console 或者 React 里跑的 fetch/XHR 胶水代码。

NetworkScriptCURL

收藏工具

当前还没有选择收藏模式。

快捷操作

返回开发工具 浏览全部工具

你可以复制当前工具页链接,或者在支持的设备上直接调用系统分享。

Network / Protocol

cURL 提炼为 Fetch

你是否经常从 Chrome Network 抓一个 API 请求下来是以 curl 格式表现的?直接粘贴进此工具,我们送给你一段完整的、可以直接在 console 或者 React 里跑的 fetch/XHR 胶水代码。

来自 F12 Network Copy 的 cURL 命令
Vanilla JavaScript (Fetch API)

使用场景

  • 看到网页上某个神奇的数据接口,想马上在代码里用 JS 原生跑一遍

如何使用

  1. 1. 直接扔进去浏览器开发者工具一键复制出的 Bash cURL。右侧可勾选是生成 Async/Await 还是 Promise Then 格式。

示例输入输出

cURL

curl a.com -H "A: 1"

JS

fetch("a.com", {headers: {"A":"1"}})

FAQ

支持 --data-raw 吗?

支持。系统会自动提取 Payload 并映射成 POST 或者 PUT

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

URL 构造器

带参数对象与散列防错自动转义装配

可用

自动对多组 Query 映射参数进行合法编码组装,安全防止因非法字符导致的特殊转义断流与请求截断。

Network Web Dev

JSON 转 TS Interface

全推断型 TypeScript 模型定义发生器

可用

粘贴含有复杂多级对象与阵列内嵌的真实请求/返回 JSON,即可通过类型推断将其转变为一套完整严谨且分离依赖的 TypeScript Types / Interfaces。

Dev TypeScript JSON