hostsファイルにお客様のdomainを指定してhttpsのサイトを開きたい

Question

現在お仕事で既存サイトのリプレイスを行っており、直前に動作確認するために、
dnsの向き先を変えずにhostsファイルにお客様のdomainを指定して本番環境の最終確認を行おうとしています。

ところが正常に表示されない状態になってしまいます。
(見た目上はcssが適用されていないように見えます。)

リリース直前のタイミングのため、domain名はそのままにして動作確認したいです。
(検証環境では正常に動作を確認しています。)

以下を試しています。

• hostsファイルの書き換えでglobal ipをお客様のdomainとローカルで紐づけ
• /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors で証明書チェックを無効化
• sudo killall -HUP mDNSResponder でDNSキャッシュを削除

上記を試していますが上手く表示されません。
(cssも開けないのかデザインが完全に壊れてしまいます。)

恐ろしいのが、consoleにもエラーが出力されない点です。
何かしらのエラーが出れば、対処できるのですが、何も出ないのでお手上げです。
なにか確認方法があるのであればご教示いただきたく、よろしくお願いいたします。

動作確認はmacで行っており、スペック等記載させていただきます。

• macOS 10.13.6
• chrome 72.0.3626.121（Official Build） （64 ビット）

Comments

[ikedas]

ブラウザが動作しているマシンのオペレーティングシステムの名前とバージョンを明記してください (質問文に追記ください)。

[m0a]

追記させていただきました。

[maisumakun]

「証明書周りでブラウザに偽装と疑われてしまい、正常に表示されない」とありますが、ブラウザ内にはどんなメッセージが出ていますか？

[m0a]

申し訳ございません。そこはではないかという推測の記載でした。
本文中から削除させていただきます。

[maisumakun]

サーバに置いてあるCSSファイルの中身は正しいですか？

[miyabi-sun]

hostsを無理やり書き換えてドメインが変わってないということはキャッシュじゃない？
スーパーリロードするだけで解決するんじゃないかなぁと思います。

[ikedas]

スーパーリロードでだめなら、Chromeのデベロッパーツールを開いて「Network」を選び、スタイルシートが正しく読めているか確認してみてください。

Answer 1

すいません。解決しました。

ご指摘の通りCSSに誤りが見つかりました。
正確にはCDNの設定に誤りがあり管理画面用のCSSがロードされていたためレンダリングがおかしくなているように見えていました。