スマホかパソコンかを判定する

<?php
// スマホかどうかを判定する（ユーザーエージェントで判定）
$ua = $_SERVER['HTTP_USER_AGENT'] ?? '';   // ブラウザが送ってくる自己紹介の文字列

// この文字が含まれていたらスマホ・タブレットとみなす
$mobile_words = ['Mobile', 'Android', 'Silk/', 'Kindle', 'BlackBerry', 'Opera Mini', 'Opera Mobi'];

$type = 'pc';
foreach ($mobile_words as $word) {
    if (str_contains($ua, $word)) {
        $type = 'mobile';
        break;
    }
}

<div class="device <?= $type === 'mobile' ? 'device--mobile' : 'device--pc' ?>">
  <div class="device__icon" aria-hidden="true"><?= $type === 'mobile' ? '📱' : '💻' ?></div>
  <p class="device__result">あなたは <strong><?= $type === 'mobile' ? 'スマホ・タブレット' : 'パソコン' ?></strong> で見ています</p>
<?php if ($type === 'mobile'): ?>
  <p class="alert alert-warning">スマホではキーボードを使うタイピング練習はできません。パソコンでアクセスしてください。（判定結果に合わせてメッセージを変える例）</p>
<?php else: ?>
  <p class="alert alert-success">パソコンなので、タイピング練習などキーボードを使うデモも楽しめます。（判定結果に合わせてメッセージを変える例）</p>
<?php endif; ?>
</div>

<p>ブラウザから送られてきたユーザーエージェント：</p>
<pre><?= h($ua !== '' ? $ua : '（送られてきませんでした）') ?></pre>