ホームページ >ウェブフロントエンド >jsチュートリアル >js はブラウザが PC かモバイルかをどのように判断するのでしょうか? (2つの方法)

js はブラウザが PC かモバイルかをどのように判断するのでしょうか? (2つの方法)

不言
不言オリジナル
2018-08-23 15:43:106471ブラウズ

この記事の内容は、js がブラウザーが PC かモバイルかをどのように判断するかについてです。 (2つの方法を紹介しています)、困っている友人は参考にしていただければ幸いです。

Navigator オブジェクト: Navigator オブジェクトには、ブラウザーに関する情報が含まれています。以下の userAgent 属性は、ブラウザーが HTTP リクエストに使用するユーザー エージェント ヘッダーの値を宣言する読み取り専用の文字列です。ということで、navigator.useragentに特定の値があるかどうかで判断できます

方法1:jsコード

<script type="text/javascript">
var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate", "bada", "nokia", "lg", "ucweb", "skyfire");
var browser = navigator.userAgent.toLowerCase();
var isMobile = false;
for (var i = 0; i < mobileAgent.length; i++) {
if (browser.indexOf(mobileAgent[i]) != -1)
 {
isMobile = true;//alert(mobileAgent[i]);
location.href = &#39;手机要访问页面的链接&#39;;
break;
}
}
</script>

方法2:正規表現

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent))
 {
    window.location.href = "https://www.baidu.com/";
    } else {
    window.location.href = "http://news.baidu.com/";
    }

正規表現を使ってnavigator.useragentにAndroid/webOs/iphoneが含まれているかどうかを判断します、などの文字列を作成し、修飾子「i」を使用して大文字と小文字を区別しないようにし、通常のメソッド テストを使用して条件が満たされているかどうかを判断します

関連推奨事項:

で自己実行関数を呼び出すための 2 つのメソッドjs

jsのローカルオブジェクト&組み込みオブジェクト&ホストオブジェクトの解析まとめ

以上がjs はブラウザが PC かモバイルかをどのように判断するのでしょうか? (2つの方法)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。