👋
【ログイン機能】Chrome Developer Tools 認証関連メモ
Networkタブ
以下が確認可能
- JSや画像など、ページを開いた際に行われた通信
- APIのAjax通信のリクエストやレスポンス
type：preflight
Preflight requestとは
-
CORS仕様の一部
-
ブラウザ経由でリクエストを送信するときにしか起こり得ない
-
本番前のテスト飛行のようなイメージ
- サーバーが CORS プロトコルを理解していて準備がされていることを、特定のメソッドとヘッダーを使用してチェックする
- OPTIONS リクエスト
- 以下3つの HTTP リクエストヘッダー使用
- Access-Control-Request-Method
- Access-Control-Request-Headers
- Origin
- サーバーが CORS プロトコルを理解していて準備がされていることを、特定のメソッドとヘッダーを使用してチェックする
-
プリフライトリクエストはブラウザーが自動的に発行するもの
-
status：204
参考
type：xhr
XMLHttpRequest (XHR) とは
- Ajax (非同期通信) に使われる組み込みオブジェクト
- status：200
参考
Applicationタブ
CookieやWeb Storageの中身を確認したり、編集することが可能
auth._token_expiration.local
auth.strategy
auth._token.localが消える。。何故か不明
参考
Discussion