JavaScriptでユーザーが利用しているWebブラウザを判別して処理を変える | Free Style Webサイトでユーザーが利用しているWebブラウザによって処理を変えたいことがあります。そうした場合にはJavaScriptで条件分岐をさせて処理を変える方法をとります。ここではUser Agent Client Hintsによる情報の取得とユーザーが利用しているWebブラウザを判別して処理を変える方法をご紹介します。

User-Agent Client Hints APIで取得した配列のデータ構造が、アップデートなどで変わる場合があり、Webブラウザの情報の取得にも少し注意が必要かも。
JavaScriptのsome()メソッドで、配列から文字列を検索する方法が良い感じ。

【JavaScriptでユーザーが利用しているWebブラウザを判別して処理を変える】
blanche-toile.com/web/javascri...

#Webdev #JavaScript #userAgent #UserAgentClientHints #Browser

PHPでUser-Agent Client Hints（UA-CH）を利用したユーザーのデバイスを判別する方法 PHPでユーザーが利用しているデバイスを判別して処理を切り分ける場合は、スーパーグローバル変数を利用して情報を取得して処理をします。ここでは、PHPでのユーザーのデバイス判別を、これまでのHTTP_USER_AGENTとUser-Agent Client Hintsとどちらにも対応した方法でご紹介します。

PHPでUser-Agent Client Hints（UA-CH）を利用したユーザーのデバイスを判別する方法

blanche-toile.com/web/php-user...
via @akirao.bsky.social

#Webdev #Webdesign #PHP #UserAgent #UserAgentClientHints

JavaScriptでUser-Agent Client Hints（UA-CH）を利用したユーザーのデバイスを判別する方法 Web制作では必要に応じて、WindowsやMac、iPhone、iPad、Androidなど、ユーザーが利用するデバイスを判別して処理を切り分けることもあります。ここでは、userAgent（UA）とUser-Agent Client Hints（UA-CH）の両方に対応したデバイスの判別方法についてご紹介します。

userAgent（UA）とUser-Agent Client Hints（UA-CH）の両方に対応したデバイスの判別方法についてご紹介。

【JavaScriptでUser-Agent Client Hints（UA-CH）を利用したユーザーのデバイスを判別する方法】
blanche-toile.com/web/javascri...

#webdev #JavaScript #userAgent #UserAgentClientHints