1. ホーム
  2. javascript

ChromeでCookieを確認する方法を教えてください。

2023-10-03 02:38:20

質問

JavaScriptで作成したCookieをテストしています。Chrome Developer Tools などで、Cookie が設定されたかどうかを確認する方法はありますか?

どのように解決するのですか?

Chromeで現在のページのCookieを確認する方法です。

オプション1

  1. デベロッパー ツール (通常 F12) を開く
  2. アプリケーション] タブ (以前は [リソース] タブ) をクリックします。
  3. Cookie] リスト アイテムを展開します。
  4. 任意のリスト項目をクリックします。

ここでは、Cookie の詳細を表示したり、Cookie を消去したりできます (Cookie の下の任意のリスト項目をクリックし、テーブルの左下にあるキャンセル アイコンをクリックします)。

オプション2

javascriptのコンソールを使用する、例. document.cookie . あまり洗練されていませんが(グラフィカルに)、javascriptを使ってデータを操作することができます。結果は、ウェブサイトが他のサイトからローカルデータにアクセスすることを許可されている方法に基づいて制限されることに注意してください ( MDN 同一生成元ポリシーを参照してください。 ).

オプション3

また chrome://settings/siteData (以前はsettings/cookies)です。Chromeのアドレス欄にurlを入れるだけです。