Q&A
>スマホ版のブラウザでなぜかクラッシュ
とはどういう意味でしょうか？
Ruby on rails で Webサイトを作りAWSで公開しました
twitterなどのリンク貼り付けで画像やサイトの説明が出るよう
OGP設定をしました
を元に設定しました。
twitter用にも設定してるところです。
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/ fb# prefix属性: http://ogp.me/ns/ prefix属性#"> <meta property="og:url" content="https://＊＊＊＊＊＊/" /> <meta property="og:type" content="article" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@******" /> <meta property="fb:app_id" content="App-ID（*********）" /> <meta property="og:title" content=" *********** " /> <meta property="og:description" content="**********" /> <meta property="og:site_name" content="*******" /> <meta property="og:image" content="/image/A-yellow.jpg" />
画像のリンクを設定すると相対リンク（上記のコードは相対リンク)にすると
twitter貼り付け時に画像が表示されず、
解決検索したら、
参照サイト
絶対リンク推奨となっていたので
絶対リンク https://＊＊＊＊＊＊/image/A-yellow.jpg
絶対リンクにすると
twitterには画像表示されますが、
スマホ版のブラウザでなぜか繰り返し読み込みになりその後、エラーになります。
（PCはみれます）
理由を検索したいのですが、
見つからず困っています。
原因分かる方ご教授いただけないでしょうか。
よろしくお願いします。
スマホでサイトを確認すると
サイトが開かなくなりました。という意味です。
設定を相対パスに戻すとみれます。（なので、この設定が原因？と想定しています）
twitterのリンクにも画像を表示したいので絶対パス設定にしたいのです。
> サイトが開かなくなりました。
とはどういう意味でしょうか？
ブラウザが落ちるのか、503エラーが出るのか、ずっと読み込み中のままで表示されないのか、など誰にでも分かる言葉で、もう少し正確に説明いただくと回答が付きやすいかと思います。
読み込みを何回か繰り返した後、問題がおきましたと表示されます。
という意味です。説明不足ですみません。
画像を添付します。
具体的に書き直しいたします。
回答1件
0
ベストアンサー
直接的な回答ではないのですが、問題の切り分けの流れとしては下記のような形でしょうか。
①Facebookシェアデバッカーでデバッグしてみる
https://developers.facebook.com/tools/debug/
▼設定が問題なければ下記へ進む▼
②GoogleChromeの検証機能でスマホサイト表示を試してみる
コンソールでエラーが出ていないかも含めて確認
▼エラーが無ければ下記へ進む▼
③スマホを再起動する
④スマホのブラウザをシークレットモードにして表示させる
▼表示されるようであれば下記へ進む▼
⑤スマホのブラウザキャッシュを削除し、表示確認する
▼きちんと表示されたら下記へ進む▼
⑥念の為、他の人のスマホでも表示確認をさせてもらう
投稿2020/04/03 07:40
総合スコア3365
エラーだけで検索するとブラウザの調子が悪い場合に起きると書いてあり、
もしかして？と思い3番の再起動をすると直りました！
たまたまコード買い換えたタイミングとブラウザの調子が悪くなったのが被ったのかもしれません
コメントいただきありがとうございました！
あなたの回答
tips
プレビュー
