【ローカル環境】html間で値を保持する方法

Question

よろしくお願いいたします。

###前提・実現したいこと
Android端末のローカルストレージに予め作成したhtmlページを配置し、
それをオフライン環境で自作アプリを介して表示し、キオスク端末として運用しようとしています。
自作アプリは単にwebviewを埋め込んで、全画面表示できるようにしただけのものです。

###発生している問題・エラーメッセージ
htmlではiframeを用いているのですが、
独自に設けた表示設定のパラメータを親フレームと子フレームの間で共有できずに困っています。
子フレームがページ遷移した時も親フレームから再度パラメータを受け取って表示に反映させようとしています。
操作制御がしづらいのでなるべくfirefoxなどではなく自作アプリで実現したいと考えています。
対象OSは5.0~です。

###試したこと
ローカル環境でなければcookieやhtml5のlocalstorageを使えば良いかと思うのですが、
localstorageは実機で動作しませんでした。
cookieは未試行ですが、調べたところローカル環境では機能しなさそうでした。
androidということでwebサーバーを内部に立てるのも難しいです。
他にどういった方法が考えられるでしょうか。

アドバイスのほど何卒よろしくお願いいたします。

Answer 1

webview側の下記設定でCross origin requests are only supported for HTTP.の問題は回避できました。

webView.getSettings().setAllowFileAccessFromFileURLs(true);

Answer 2

「子フレームがページ遷移」のURLにパラメータをつけてしまえば良いような気もしますがいかがでしょう。

---

localStorage が使えないなら下記も使えるかわかりませんが、ページ間で通信が出来ます。

【window.postMessage - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Window/postMessage

【[JavaScript] postMessageでクロスドメインメッセージ通信 - Qiita】
http://qiita.com/yasumodev/items/d339a875b4b9bf65d156

Comments

[helloworlduser]

postMessageという仕組みがあるのですね。今回は実装する前に解決してしまったのですが、クロスドメインで通信する際は試してみたいと思います。
ご回答ありがとうございます！

Answer 3

クロスドメインでないのなら、制約は多くなさそうですが…。

• GETパラメータでパラメータを投げて、new URL でパラメータを受け取る
• iframe.contentWindow.globalVariable

Re: pic.wo.pics さん

Comments

[helloworlduser]

iframe.contentWindow.globalVariableを試そうとしたのですが、私の力不足でどう実装すればよいか分かりませんでした。。しかしいくつか方法があることを提示していただき大変参考になりました。ご回答ありがとうございました！