cURL
curl a.com -H "A: 1"
取ってこい
fetch("a.com", { headers: { "A": "1" } })開発者ツール
cURL コマンドを JavaScript Fetch へ変換
cURLコマンドをJavaScriptのfetchコードに変換します。-X、-H、--data-rawをメソッド、ヘッダー、ボディに解析し、オプションでasync/waitラッピングも可能です。
cURLHTTP開発者
このツールをお気に入りに
お気に入りの保存方法がまだ選ばれていません。
クイック操作
このツールの URL をコピーするか、対応端末ではシステムの共有シートを開けます。
开发工具
cURL → Fetch
cURLコマンドをJavaScriptのfetchコードに変換します。-X、-H、--data-rawをメソッド、ヘッダー、ボディに解析し、オプションでasync/waitラッピングも可能です。
来自 F12 Network 复制的 cURL 命令
JavaScript Fetch
粘贴 cURL 后会自动生成 Fetch 代码。
利用シーン
- DevToolsのコピーをフロントエンドコードとしてcURLリクエストとして書き直す
- Node.jsスクリプトでキャプチャされたリクエストをリプレイ
- 実行ファイルフェッチの例をAPIドキュメントに追加する
使い方
- ブラウザのDevToolsからcURLコマンドを貼り付けてください
- 必要に応じて非同期/ラッピング待ちを切り替えてください
- 生成されたフェッチコードをコピーします
入出力サンプル
FAQ
--data-raw はサポートされていますか?
はい。--dataと--data-raw がリクエスト本体となり、自動的にPOSTを設定することができます。
クッキーや認証ヘッダーは保持されますか?
-Hのヘッダーは保持されます。生成コードを共有する前に秘密を除去します。
ツール
関連ツール
近い用途の翻訳済みツールへ続けて進めます。
URLビルダー
URL ビルダー・クエリパラメータ解析
プロトコル、ホスト、ポート、パス、ハッシュ、クエリパラメータからURLを構築し、自動的な値エスケープを適用するか、完全なURLをフィールドに解析して戻します。APIデバッグやキャンペーンリンクの設定に便利です。処理はブラウザ内で行われます。
URL クエリ ビルダー
JSON → TypeScript インターフェース
JSON から TypeScript インターフェースを生成
ブラウザ内のJSONからTypeScriptインターフェースの定義を推測できます。ネストされたオブジェクトは別々のインターフェースとなり、ルート名、オプションフィールド、読み取り専用、エクスポート、型エイリアスのオプションが用意されます。
TypeScript JSON 開発者