ホームページ作成時, ホームページ制作関連コラム, レスポンシブデザイン・スマホ対応

iPadのユーザーエージェントが変更、iPasOS 13に対応するには

投稿:2019/10/29 更新:2024/07/21

iPadOS 13からSafariのユーザーエージェントがMacOSと同じになりました。

設定のSafariの「デスクトップ用Webサイトを表示」のチェックを外せば、今まで通りの扱い(iPad)になるようですが、ユーザーによってまちまちなので対策は必要になるかと思います。

方法としては、ユーザーエージェントでiPadでもMacintoshでもタッチイベント対応ならiPadとするのがシンプルでよろしいかと思います。

var agent = navigator.userAgent;
if (agent.search(/iPad/) != -1 || agent.search(/Macintosh/) != -1 && 'ontouchend' in document){
//ここに内容記載
}

今後将来どうなるかは分かりませんが、とりあえずはこれでいけるかなと思います。
(状況は刻々と変化しますので、自己責任でご利用ください。)

visual artはiPad等のタブレット用サイトも作成します

visual artでは、iPad等のタブレット用サイトも作成しております。
レスポンシブデザイン(モニター幅で切り替え)でのホームページ制作料金プランもUA判別(PCかスマホかで切り替え)でPC、タブレット、スマホに対応させたプランもどちらもご用意しています。
なお、基本ベースはPC(タブレット共通デザイン) + スマホでの料金プランになりますので、タブレット対応のサイトを別デザインで作成ご希望の場合はその旨をお伝えいただければ幸いです。

その他ご不明な点等がございましたら、お気軽にご相談ください。

このエントリーが役に立ったらシェアしてください

  • .

お見積のご相談(無料)

千葉、東京、横浜、ロンドンで連携して日本国内から海外までホームページ作成、ブランディングデザインを承っております。
ホームページ作成、ブランディングデザインのご相談・お見積は無料です。まずは概算見積をしますのでお気軽にお問い合わせください。