ChatworkがChromeのシークレットウィンドウでは閲覧できない件
面白いことだと思ったので簡単にメモしておきます。
※この記事は2018/02/16 19時時点の内容になります。
1、前提
私の職場は業務にChatworkを使っています。
…そろそろSlackに移行してもいいと思うけど(ry
2、画面がおかしい
2018/02/15 18:45辺りからChromeのシークレットウィンドウからChatworkが表示できなくなりました。
こんな感じで真っ白になりコンテンツが確認できません。
ちょうどそのタイミングで書き込みをしていたので、分かりやすかったですね。
3、Consoleの確認
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、他のブラウザーでは普通に動く
5、さいごに
おそらくセキュリティ強化でこうなったかなと思うけど(おそらくCORS関連)、WEBの開発のときはJSやCSSのキャッシュのリフレッシュなどが楽でシークレットウィンドウをよく使っていた身としてはちょっとビックリしました。
6、補足
2018/02/21 13時現在はシークレットウィンドウでも正常に表示されます。
エラーが出てる間にもっと調べておけばよかったとちょっと後悔~
以上