DMMの画面が真っ白になって全く進まない

[otiai10]

せっかちな人は、まずこれを見てください

👉 https://twitter.com/xia_sava/status/1695729007545987081

以下、読まなくていいです

問題の概要

• 期待される挙動
  • ウィジェットの窓を開いたら「艦隊これくしょん！艦これ！」の声が聞こえたり可愛い艦娘の絵が見えたりする。
• 実際に観測される挙動
  • DMMのバナー？っぽいものは見えるが、まったく真っ白で進まない
  • 下記画像参考

問題の再現方法

1. 右上のアイコンをクリックする
2. 錨マーク（抜錨ボタン）をクリックする
3. 開いたウィジェット窓を放置

上記の方法により、100％の確率で、再現する。

問題が起きているバージョン

• 問題が観測されるバージョン: 3.2.81
• 問題が観測されなかったバージョン: 3.2.81
• ※ Chromeブラウザの環境に依存

環境

• OS: macOS
• Chrome: 116.0.5845.110 (Official Build) (x86_64)
• 艦これウィジェット: 3.2.81

ひとこと

• 好きなソフトウェアを書いて大金をもらうだけの生活したい

[otiai10]

調査

「要素を検証」から、以下のエラーメッセージを確認。

Mixed Content: The page at 'https://www.dmm.com/netgame/social/-/gadgets/=/app_id=854854/'
was loaded over HTTPS, but requested an insecure stylesheet 'http://203.104.209.7/kcscontents/css/import.css'.
This request has been blocked; the content must be served over HTTPS.

内容読む限り、www.dmm.com はhttps、dmmのゲームプラットフォームのosapi.dmm.comもどうやら//でhttpsを踏襲しているが、iframeの中で鎮守府サーバはhttpでアセットを提供しており、このへんが特にダメそう。

[otiai10]

解決方法

冒頭のXiaさんの方法でもいいが、もっとvisualにやる方法を以下に示します。

1. 艦これウィジェットを使わずに標準のブラウザで艦これを開く

2. アドレスバーにある「鍵マーク」をクリック

3. 「Site Settings」に飛ぶ

4. 「Insecure Content」を「Allow」にする

5. 最初に開いた艦これのページを閉じて、艦これウィジェットから開く

と、動く