web-dev-qa-db-ja.com

Chromeを使用してCookieを確認するにはどうすればよいですか？

JavaScriptで作成しているCookieをテストしています。 CookieがChrome Developer Toolsまたは同様のものに設定されているかどうかを確認する方法はありますか？

javascriptdebugginggoogle-chromecookiesdeveloper-tools
54
Howdy_McGee

Chromeを使用して現在のページのCookieを確認するには：

  1. オープン開発者ツール（通常はF12）
  2. 「アプリケーション」タブをクリックします（以前は「リソース」でした）
  3. 「Cookie」リスト項目を展開します
  4. リスト項目をクリックします。

ここでCookieを詳細に表示し、クリアすることができます（Cookieの下のリスト項目をクリックしてから、表の左下にあるキャンセルアイコンをクリックします）。

JavaScriptコンソールでCookieを確認することもできます。 document.cookie、しかし結果はうまくフォーマットされていません。

もあります chrome://settings/siteData（以前は設定/ Cookieでした）は、通常のWebページとして単純にアクセスしますが、おそらく開発者向けではありません。

74
AlexMA

コンソールでdocument.cookieと入力します。そのページのアクティブなCookieを返します。

18
Nick Beranek

Chrome（v52）の最新バージョンは、この機能を[アプリケーション]タブに移動しました。更新された手順は次のとおりです。

  1. 開発者ツールを開く
  2. 「アプリケーション」タブをクリックします
  3. Cookieは、左側のサイドバーの「ストレージ」リスト項目の下にリストされます
5
quicklikerabbit

別の方法は、次を入力することです。

chrome://settings/cookies

アドレスバーで。

次に、左クリックを使用して、詳細（コンテンツ、有効期限など）を表示します。

4
ROMANIA_engineer

Chrome v74新しいURLは次のとおりです。

chrome：// settings/siteData

4
Joseph Cho

オンchromeバージョン61：

chrome：// settings/content/cookies

1
Ari

また、Cookieを表示するだけでなく、Cookieを個別にdisplay.delete（session、domain、path）するのに役立つWeb開発者ツールを使用することもできます。

1
kamal

Cookieやローカルストレージ、セッションなどを管理するツール（拡張機能）が必要な場合は、HTML5 Storage Manager

常にアクセス可能で非常に便利なので、常に使用しています。

0
eboye