🎉
Ajax(fetch) もChromeでoverridesしたいよ
Introduction
この記事はAjax Interceptorのダイマです。（プロモーションを含みます。お金は含まれません。）
Background
フロントエンドに慈しむ皆様。
デバッグで overrides 使ってますよね↓
これ、Ajaxのfetch とかだと使えないんですよね↓
Chrome の Extensionsでいい感じの見つけました。
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
こちらのツールは中国製のようです。
ソースはオープンですし、いまのところ問題はなさそうですが、念のためご注意ください。
Discussion