質問: ユーザーにhtmlファイルをダウンロードしてもらい ローカル環境で使用してもらうことを想定しています * Electron等は使わない * 単一のhtmlファイルのみで完結する * ヘッダにはCookieをセットする記述はしない(javascript内のみ) * Chrome IE FireFox Safari での使用を想定 * Web StorageとCookieをそれぞれ対応している環境に合わせて使い分ける * CookieにはSecure属性、HttpOnly属性は指定しない 現時点で特に動作に問題があるわけではないのですが ブラウザのデベロッパーツール内にCookie内容が表示されない問題が起こっています ### test.html(一部抜粋) ``` JavaScript テスト ``` ::フェーズ 1:: は四つ全てのブラウザで真 ::フェーズ 2:: でエラーを吐くのがIEとSafariです(ローカルでのWeb Storage使用不可) ::フェーズ 3:: へとIEとSafariが進みます(Cookieを使用する) --- 上記はファイルの一部を抜粋、改変したものです アプリケーションとしての開発は終わっており、全体の動作としては問題なく動くのですが、ブラウザのデベロッパーツール内にCookieが表示されません(Safari)(IE) --- javascriptでのCookieは文字列としての扱いとのことで ::フェーズ 3:: 内に変更があったとしても、文字列処理を書き直すことで 問題なく動作させることができるはずだと、見当しています。 --- 質問としては どうすればデベロッパーツール内にCookieを表示することができますか? ということになります ([webインスペクタ] -> [ストレージ] 内にcookie内容を表示したい) javascriptによるcookieの内部処理 正式な記法、等について、詳しい方がいらっしゃいましたら ご教授願います --- ### Safariでの表示 ↓ 上記ファイル、リロードするとアラートが表示される ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/fe260443bd9cd6a0ddcd5cbb44aa02dd.png) ↓ コンピューターローカルの書類としてのcoockieが保存されていることが確認できる ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/1c6dc6a5d2ed2819d55ca431e9014e20.png) ↓ アラートとしてCookieを表示させることはできているがデベロッパーツールには Cookieが表示されない イメージ説明 ----------------------------------------------------------------------------------------------------------------- 環境 mac OS Sierra 10.12.6 --- 追記 win8.1 IE11のキャプチャ ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/e2c7d89eb37df971a39e5fa530e828bb.png)
回答: ローカルファイルでは残念ながらCookieを使えないようです。 諦めた方が良さそうですが...。 > > ※IEとChromeとSafariはローカルファイルでテストしている場合Cookieが表示されません。ローカルサーバやテストサーバを利用して確認しましょう。 > > リンク内容 > > > -- 追記 -- ちょっと勘違いしておりました。safariで見方まではわかりましたが、実際に保存できるか、確認できるかは確認してません。 * 環境設定から「開発」タブを表示できるようにしてから − webインスペクタを開く * ストレージ ではないかと思います!イメージ説明