Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*

Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている。 What's New in DevTools (Chrome 113) - Chrome Developers で紹介されている。 GitHub から example.com を fetch してみる GitHub の CSP ヘッダを上書き example.com の CORS のヘッダを上書き 途中で指定したフォルダの中身は何？ 上書きをやめるには？ 感想 GitHub から example.com を fetch してみる 試しに、 CSP で外部への通信がそれなりに制限されている GitHub から、 example.com への fetch を成功させてみる (外部サイトへの通信は、認証情報や秘密の情報の漏洩などに気をつ

[tmatsuu]

Header Overrides。へー。ちょっとしたデバッグに使えそう

[razokulover]

実際に試してみたけどちゃんと出来た。そんなに用途があるかはわからんが書き換えたい情報が.headerファイルとして独立させられるので.headerをgitで管理共有みたいなことも出来そう。

[shingo-sasaki-0529]

言われてみると「これ出来なかったんだ」って印象のほうが強い。思いつく用途はやっぱり記事で紹介されてる CSP/CORS をイジったデバッグかなぁ。使うべきときに思い出せなさそう。

[efcl]

Chrome DevToolsでHTTPヘッダを書き換えられるようになった話

[mizdra]

めっちゃ便利。たまーに HTTP ヘッダー書き換えて試行錯誤したい時あるのでそういう時使えそう。

[terazzo]

通信元のCSPヘッダも通信先のAccess-Control-Allow-OriginヘッダもChrome側で上書きできるのか

[ya--mada]

ブラウザの標準機能だけで出来るの便利だわ。

[oldriver]

Fiddlerだと証明書ピンニングされてると多分できないのでそれできそうなの利点（か？）

[maecchi]

検証作業で色々使えそう

[sase]

使えそう

[htsign]

Firefoxだとずいぶん前からできていた気がする。まぁユーザー数が段違いなので、こういう機能に触れられる人が増えるのはいいこと。…と思ったけど、編集した上でサイト全体をリロードできるのか。

[rxh]

そんなことできるの？！すげ〜

[gfx]

おお。レスポンスのCORSヘッダを上書きしてfetch()してみる、なんてこともできるのか！これは開発が捗りそう。

[mysql8]

毎回フォルダ選択してローカル保存はつらい

[Helfard]

便利っぽい？

[nilab]

“Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている”

[NetPenguin]

"つまり example.com のヘッダも書き換えたらよい。" つおい

[Nyoho]

これは便利そう

[iww]

postmanもういらなさそう