こうこく
作 ▸
改 ▸

Chromeの開発者ツールから拡張機能なしでWeb APIを叩く

CORS制限に引っかからないやつしか叩けないけど、拡張機能入れなくてもできる

ChromeでURLに about:blank 開いて、開発者ツールのコンソールで以下実行

GET
var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com?hoge=piyo');
xhr.send();
POST (JSON)
var xhr = new XMLHttpRequest();
xhr.open('POST', 'https://example.com');
xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8');
xhr.send(JSON.stringify({
    hoge: 'piyo'
}));

レスポンスはNetworkタブで見る


Chromeの起動オプションでそもそもCORSどうこうを無視できるらしい

これをやったら制限無視してAPI叩けるかも

開発時にCORSを無視するGoogleChromeの起動オプション - Qiita

この記事に何かあればこちらまで (非公開)