[ 解決済 ] CDN運用でのスマホとPCの表示
[ 解決済 ] CDN運用でのスマホとPCの表示
- このトピックには15件の返信、3人の参加者があり、最後に
により3年、 10ヶ月前に更新されました。
-
投稿
-
お世話になります
さくらレンタルサーバーでCDNの設定が簡単になり
使ってみようと設定してみたのですが
CDNキャッシュ削除直後に、スマホからアクセスが
あったページが その後PCからアクセスした場合、ＰＣのメニュー
のプルダウン表示がスマホと同様□にＸのボタン表示になります。
キャッシュが期限切れで削除されると、戻ます
また、その逆でPCから先にアクセスがあると、スマホ、PC共問題なく表示されます。何か回避方法があれば助言願います
（サポート対象外かもしれませんが、頼れるところがベクターさんしかなく
申し訳ございませんよろしくお願いいたします。）対象URLは現在 CDN 自動消去 5分の設定です
WordPress バージョン 5.4.2–ja
Lightning Pro バージョン: 4.13.5
Lightning Skin Pale バージョン 5.2.0
VK All in One Expansion Unit バージョン 1.16.25
キャッシュ系プラグイン 使用なし該当URL : https://*********※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます
＞モバイルナビを下部に表示させるモバイル固定ナビに統合させるのはいかがですか？
→現在 そのようになっていると思います＞あー、いやおそらく普通のグローバルメニューの２階層目のプルダウンがホバーではなく、タップ用のアイコンが表示さ＞れるという事ですかね？
→通常ＰＣ画面だとトップのメニューにマウを移動するとプルダウンでサブメニューが表示されますが
トップのメニューにマウスを移動してもサブメニューが表示されず、スマホで表示されるタップ用のアイコン（□の中にＸ）が表示されます タップするとサブメニューが表示されます（スマホと同じ動き）何か方法はありますでしょうか？
よろしくお願いいたします追記
>あー、いやおそらく普通のグローバルメニューの２階層目のプルダウンがホバーではなく、タップ用のアイコ>ンが表示されるという事ですかね？
→はい。この現象は仕様かと思っていますが確かにそうなります（CDN運用とは関係なく）
質問のCDN運用で、キャッシュ削除後最初にスマホで表示させると、その後PCでのそのページの表示で
普通のグローバルメニューがプルダウンがホバーではなく、タップ用のアイコンが表示されます
（スマホで表示していないページは普通のグローバルメニューがプルダウンがホバーになります）お世話になります
いろいろしれべていると、この現象は
キャッシュがない状態でスマートフォンユーザが訪問しスマートフォン向けのHTMLがキャッシュされると、次にPCの人が来てもUserAgent判別する機能がCDNに無いのでスマートフォン向けのHTMLが表示され続けてしまうという状況だと思うのですが、
これは仕様として諦めるしか無いのでしょうか？
CDNは今後も増えてくると思いますが、
現時点で Lightning Pro Skin Pale は対応していませんでしょうか？
レスポンシブウェブデザインにするという方法があるようですが、完全にレスポンシブウェブデザインにはなっていないのでしょうか（メニューのアイコンのみ未対応？）対処方法助言をお願いします
お世話になります
連絡ありがとうございます
対応案よろしくお願いしますさくらレンタルのサポートさんに問合せしていましたところ
本日やっと下記内容の返答が来ました。
ご参考になればと思い記載します下記 さくらレンタル様の返答
＞PCサイトはレスポンシブ対応になっているものの、
＞スマートフォン用のサイトはそうではないようにお見受けします。
＞回避方法といたしましては、スマートフォンでアクセスされた際もレスポンシブ対応のサイトが表示されるように
＞修正いただけますようお願いいたします。
とのことでした。
→スマホサイト、PCサイトどちらもレスポンシブ対応になっていると思うのですが
失礼ですが、ご参考になればと思い記載です
よろしくお願いしますタッチデバイスかそうでないかをphpで判定してHTMLを出し分けてるので、
どちらかでHTMLがサーバー側にキャッシュされていしまうと効かないという状態です。
JavaScriptでの切り替えロジックを追加してますのでしばらくお待ちください。お世話になります
お手数をおかけしありがとうございます
早々試してみました
結果的に、同現象は頻度的に少なくなった気がします。
しかし、タイミングがよくわからないのですが、スマホとｐｃでアクセスすると
ｐｃに同様の表示が現れるページがあります。（現象が出ないページもあるような？）お手数をおかけします
まずは結果報告ですサーバーキャッシュの問題だと思いますので、新しいソースコードに更新されれば安定度は上がると思います。
あるいはプラグインなどの干渉でJavaScriptがエラーになっているページなどでは正常に動作しないなどはあるかと思います。お世話になります
了解です。少し様子を見てみます>あー、いやおそらく普通のグローバルメニューの２階層目のプルダウンがホバーではなく、タップ用のアイコ>ンが表示さ>れるという事ですかね？
→ ということですが この表示方法は仕様でしょうか？もし、サーバーキャッシュがうまく利用できない場合、逆にpcの表示をトップメニューから２階層目もすべて、プルダウンがホバーではなく、タップ用のアイコンが表示される方法（スマホのよう）にすれば
pc側の表示でメニューの表示がページにより変わることはなくなるのでは？
と素人なりに考えます。
このような方法はありでしょうか？
また、その場合個別に追加php,cssとうで可能でしょうか？何度もすみませんよろしくお願いします
- このトピックに返信するにはログインが必要です。
