javascript - デバイスがモバイルの場合、Web ページのリンクを変更するにはどうすればよいですか? HTML/JavaScript/CSS

Question

デバイスがモバイル (iPhone、Android、Windows など) の場合、ページを表示しているデスクトップ デバイスの場合とは異なるリンクに移動するようにしたいと考えています。

たとえば、URL スキームを使用してモバイル デバイスで instagram を開きたいが、デスクトップ デバイスでは instagram の Web サイトを開きたいとします。

すべての助けに感謝します！

Answer 1

このようにIlanのコードを実行します

<a href="javascript:testBrowser()>Link</a>

wheretestBrowser()は彼のコードを含む関数です。

Answer 2

これを使用して試すことができます：

<script type="text/javascript">
if( /Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent) ) && (window.location.href == "http://yourhomeurl.com"){
window.location = "http://yourredirecturl.com";
}
</script>

機能: ユーザーが使用しているデバイスを検出し、URL ( http://yourredirecturl.com )にリダイレクトします。