alternateタグのhrefの値（スマホページ）をjsで取得し、リダイレクトさせたい

Question

alternateタグのhrefの値（スマホページ）をjsで取得し、リダイレクトさせたい

PCページのhtmlソースに記述してある下記のようなalternateタグより、hrefの値（スマホ正規URL）をjsで取得し、スマホのみリダイレクトさせる方法がわかりません。

PCページのalternateタグ

<link rel="alternate" media="only screen and (max-width: 640px)" href="✭スマホ正規URL✭">

試したこと

linkのhrefを取得の場合、cssやfaviconのファイルなどと分岐ができません。

補足情報

phpやhtaccessは使用できない（サーバー）環境のため、jsでの対応したい。

Comments

[kei344]

ご自身で試されたコードを質問文に追記し、「何」が「どのように」わからないのか、コードのどの部分で詰まっているのかなどを具体的に追記されたほうが回答が望めると思います。

[terataimn]

ありがとうございます。

Answer 1

この方法ではウインドウ幅によって PC でも移動してしまいます。UA 判別とどちらがいいのでしょうか？

const links = document.querySelectorAll('link[rel="alternate"][href][media]');
for (let i = 0; i < links.length; i++) {
  if (matchMedia(links[i].media).matches) {
    location = links[i].href;
    break;
  }
}

https://developer.mozilla.org/ja/docs/Web/API/Window/matchMedia

Comments

[terataimn]

ありがとうございます。大変助かりました！

＞UA 判別とどちらがいいのでしょうか？
→（ウインドウ幅・media queryではなく、）UA判別です。

[terataimn]

ウインドウ幅判定の参考サイトもありがとうございました。

[terataimn]

あってるかな、下記でできました。

<script>
if(navigator.userAgent.match(/(iPhone|iPod|Android)/i)){
const links = document.querySelectorAll('link[rel="alternate"][href][media]');
for (let i = 0; i < links.length; i++) {
location = links[i].href;
break;
}
}
</script>

Answer 2

<script> if(navigator.userAgent.match(/(iPhone|iPod|Android)/i)){ const links = document.querySelectorAll('link[rel="alternate"][href][media]'); for (let i = 0; i < links.length; i++) { location = links[i].href; break; } } </script>