UserAgentがAndroid,Windowsだった場合、リダイレクト先を変更させたい

タイトルのとおりです。
リダイレクト用のHTMLを作り、そのHTMLでUserAgentを判別し、リダイレクト先を変更させたいです。
挙動のイメージとしては

ボタンをクリック　→　リダイレクト用HTML　→　それぞれのサイトへ

といった流れです。
それを実装したくコードを組んだのですが、
リダイレクト先もボタンのリンクも変更されず、その原因がわからず悩んでおります。

html
1<html lang="ja">
2<head>
3<meta charset="UTF-8">
4<meta name="robots" content="noindex,follow" />
5<meta http-equiv="refresh" content="0;URL=https://www.google.com/" />
6<title>test</title>
7</head>
8<body>
9<a href="https://www.google.com/" id="link">画面が移動しない場合はこちらをクリックしてください</a>
10</body>
11<script type="text/javascript">
12var link = document.getElementById('link');
13var ua = navigator.userAgent;
14if ((ua.indexOf('Android') > 0 || ua.indexOf('windows nt') > 0)) {
15  link.href = "https://www.yahoo.co.jp/";
16  document.querySelector('meta[name="http-equiv"]').setAttribute("content", "0;URL=https://www.yahoo.co.jp/");
17}
18</script>
19</html>

例えば、AndroidやWindowsの場合はyahooのページに飛ばし、
それ以外の端末（iPhoneやiPad、Macなど）の場合はgoogleに飛ばす…といった挙動は
どのようなコードを組めば可能でしょうか。

教えていただけるととても嬉しいです。

よろしくお願いします。

yambejp

2023/02/01 08:34

リダイレクト先で処理を変えるだけではだめなのですか？

Demete

2023/02/02 07:17

事情があって、1度リダイレクト用のHTMLを仲介させる方法で実装したいです

行動規範の内容に同意します

回答1件

ベストアンサー

リダイレクト先もボタンのリンクも変更されず、その原因がわからず悩んでおります

他にも原因はあるかもですが、少なくともindexOf()の仕様について誤解があるか、実際にWindowsを使用した場合のUAについて確認出来ていないように思います。

string.prototype.indexOf()
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf
は大文字小文字を区別する（上記ページ内検索「大文字」で検索してみてください）ので
windows ntで判定することはできません。

例

Javascript
1//win11+chromeのUAの例
2var ua = "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36";
3console.log(ua.indexOf('windows nt')); // -1になる
4console.log(ua.indexOf('Windows NT')); // 13になる
5