🎉

Ajax(fetch) もChromeでoverridesしたいよ

2022/10/03に公開約1,500字

Introduction

この記事はAjax Interceptorのダイマです。(プロモーションを含みます。お金は含まれません。)

Background

フロントエンドに慈しむ皆様。
デバッグで overrides 使ってますよね↓

これ、Ajaxのfetch とかだと使えないんですよね↓

Chrome の Extensionsでいい感じの見つけました。

Ajax Interceptor

Ajax Interceptor

その名の通り、Ajaxを横取りする人。

Get Started

起動すると

アホほどシンプルなUIだけが見れますが、toggleしてプラスボタン押すと

なんとなくわかってきましたね。
色々開いていくと、だいぶ分かりやすい。

Point

要点としては、
一番左のフィールドが ドメイン まで、
一番右のフィールドに パス にあたる部分を入れるということ。

https://www.google.co.jp | normal | user/auth

のイメージですね。

Note

Field Width

見ての通りですが、

フィールド幅せまあああああい!!!!!
マウスカーソルで広げることは出来ません。
Home と End と カーソルキーが火を噴きます。(あとalt)
Stylus とかで、styleをさらにoverridesしたら何とかなりそうですが。

Timing to rewrite

InterceptorがAjaxのレスポンスを仲介して書き換えるので、Dev Tools の上では、書き換わったかどうかわかりません。

Made in china

こちらのツールは中国製のようです。
ソースはオープンですし、いまのところ問題はなさそうですが、念のためご注意ください。
https://github.com/YGYOOO/ajax-interceptor

Discussion

ログインするとコメントできます