DOM7011沼にハマった話

DOM7011

• ググってもこれって感じのがでてこない。書くまでもない基本中の基本なのかも。まぁせっかくなのでメモっておきましょうね。

事象

• JavaScriptで書いたUWPアプリをモバイル実機に入れて弄ってみると、アプリをフォアグラウンドに戻す度にこんなメッセージが出てきて勝手にHTMLをリロードしてくれる。いきなり全面真っ白になってレンダリングを始めるDOM7011の挙動自体もセンスがなくて哀しくなってくる。

DOM7011: The code on this page disabled back and forward caching. 
For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337

原因

• VSのスタブでも、appxmanifestのStartPageをindex.htmlからms-appx-web:///index.html に書き換えたらあっさり再現した。
• つまりms-appx-web:/// と書くとDOM7011になる。

対策

• ms-appx-webでないとアプリが画面固定でスクロール不可の謎仕様になるので、ms-appx-webを使わないという回避策はとれない。
• ためしに ms-appx-web://(アプリID)/ と書いてみた。DOM7011にならなかった！そういうこと？

結論

• JavaScriptなUWPで ms-appx-web:/// って書いちゃらめぇ〜