IT業界のすみっこ暮らし

ふと気がついたときの記録

ChatworkがChromeのシークレットウィンドウでは閲覧できない件

面白いことだと思ったので簡単にメモしておきます。

※この記事は2018/02/16 19時時点の内容になります。

1、前提

私の職場は業務にChatworkを使っています。

…そろそろSlackに移行してもいいと思うけど(ry

2、画面がおかしい

2018/02/15 18:45辺りからChromeのシークレットウィンドウからChatworkが表示できなくなりました。

f:id:papamau:20180216190124p:plain

こんな感じで真っ白になりコンテンツが確認できません。
ちょうどそのタイミングで書き込みをしていたので、分かりやすかったですね。

3、Consoleの確認

f:id:papamau:20180216184727p:plain

CORS policyでcss読み込み失敗
Access to CSS stylesheet at 'https://front.chatwork.com/build/208f9f0cd78979aa34e3797d0a35cbbf5ff70780/app/index.css' from origin 'https://kcw.kddi.ne.jp' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://kcw.kddi.ne.jp' is therefore not allowed access.
上記の失敗の影響でエラー
(index):42 Uncaught TypeError: Cannot read property 'left' of undefined
    at e.adjustInformationPanelPosition (index.js:24705)
    at e.resizeLayout (index.js:24596)
    at Array.<anonymous> (index.js:24402)
    at e.endInitLoad (index.js:24567)
    at e.buildMyStatus (index.js:23496)
    at e.buildMyStatus (index.js:14383)
    at e.updateContactList (index.js:14379)
    at e.setInitData (index.js:14642)
    at index.js:14521
    at Object.e.success (index.js:14587)

4、他のブラウザーでは普通に動く

f:id:papamau:20180216184756p:plain


5、さいごに

おそらくセキュリティ強化でこうなったかなと思うけど(おそらくCORS関連)、WEBの開発のときはJSやCSSのキャッシュのリフレッシュなどが楽でシークレットウィンドウをよく使っていた身としてはちょっとビックリしました。

6、補足

2018/02/21 13時現在はシークレットウィンドウでも正常に表示されます。

エラーが出てる間にもっと調べておけばよかったとちょっと後悔~


以上