I have a theme component, it has css and Head defined for both Desktop and mobile. on mobile, a shape is defined smaller for space. it works nicely on chrome, firefox on iphone, but in safari, it loads the desktop version instead. the safari browser is not loading desktop version of the site. so…

First confirm that by forcing it into mobile view, put this on the end of url: https://example.com?mobile_view=1 The problem might not be what you think it is … You ought also to state what version of Safari you are using?

thanks @merefield it is safari on iOS 17.1.2, when load the component, it shows the big shape defined for Desktop just updated iOS to latest 17.2.1, same. on the same device, if open it using chrome or firefox, it shows the small shape defined for Mobile on desktop browser, if view it https://ex…

I suggest packaging this on GitHub to make things super easy for people to corroborate…

[画像] deepblue: on desktop browser, if view it https://example.com?mobile_view=1, it shows the small shape defined for Mobile. What happens if you put this query string on safari mobile browser?

[画像] Robert: What happens if you put this query string on safari mobile browser? this way with ?mobile_view=1, it loads the mobile version in iphone safari browser hmm… will put it in a repo to easy to try/debug… thanks for your helps !

[画像] deepblue: this way with ?mobile_view=1, it loads the mobile version in iphone safari browser hmm… Ah, and before it wasn’t? That’s interesting! Under 17.3 (PB) I am seeing the mobile version of my TC on my iPhone 11 without needing to force it (with that querystring)

iOS Safariブラウザでテーマコンポーネントのモバイルバージョンが読み込まれないのはなぜですか？

サポート

merefield (Robert) 2024 年 1 月 8 日午前 9:34 5

サファリモバイルブラウザにこのクエリ文字列を入力するとどうなりますか？

トピック		返信	表示
Unexpected switch to desktop view on mobile Support	13	1455	2020 年 6 月 8 日
Odd formatting on mobile Support discourse-hub	4	444	2021 年 5 月 13 日
Which browser loads the correct mobile display? Support	6	80	2026 年 3 月 8 日
Did something change with mobile layout? Mine is now all messed up Support	12	1654	2016 年 12 月 13 日
Desktop to Mobile View Banner Theme component mobile	2	1010	2023 年 3 月 9 日

iOS Safariブラウザでテーマコンポーネントのモバイルバージョンが読み込まれないのはなぜですか？

関連トピック