ホームページ ウェブフロントエンド jsチュートリアル JavaScript はどのようにしてブラウザの種類を動的に決定するのでしょうか? (コード例)

JavaScript はどのようにしてブラウザの種類を動的に決定するのでしょうか? (コード例)

Oct 25, 2018 pm 05:57 PM
パソコン側 携帯端末

この記事の内容は、JavaScript がブラウザの種類を動的に決定する方法を紹介することです。 (コード例)。困っている友人は参考にしていただければ幸いです。

これはネットで見つけたちょっとした知識です。

ブラウザが PC かモバイルかを動的に判断します。

<script>
var browser={    
versions:function(){            
var u = navigator.userAgent, app = navigator.appVersion;            
return {                
trident: u.indexOf('Trident') > -1, //IE内核                
presto: u.indexOf('Presto') > -1, //opera内核                
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核                
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核                
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端                
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端                
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器                
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器                
iPad: u.indexOf('iPad') > -1, //是否iPad                
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部            
};
}()
} 

document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent); 
</script>
ログイン後にコピー

とても興味深いです!

以上がJavaScript はどのようにしてブラウザの種類を動的に決定するのでしょうか? (コード例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

PC版はパソコンですか、それとも携帯電話ですか? PC版はパソコンですか、それとも携帯電話ですか? Feb 20, 2023 pm 03:19 PM

PC側はコンピュータです。 PC の正式名称は Personal Computer で、中国語でパーソナル コンピュータまたはパーソナル コンピュータを意味し、PC はコンピュータ ホストに接続できるネットワーク世界のポートを指します。携帯電話インターフェースシステム。

Vue プロジェクトでモバイル ジェスチャ操作を使用する方法 Vue プロジェクトでモバイル ジェスチャ操作を使用する方法 Oct 08, 2023 pm 07:33 PM

Vue プロジェクトでモバイル ジェスチャ操作を使用する方法 モバイル デバイスの普及に伴い、モバイル端末上でよりフレンドリーなインタラクティブ エクスペリエンスを提供する必要があるアプリケーションがますます増えています。ジェスチャー操作はモバイルデバイスで一般的なインタラクション方法の 1 つで、ユーザーが画面にタッチするだけでスライドやズームなどのさまざまな操作を完了できるようになります。 Vue プロジェクトでは、サードパーティ ライブラリを通じてモバイル ジェスチャ操作を実装できます。以下では、Vue プロジェクトでのジェスチャ操作の使用方法と具体的なコード例を紹介します。まず、特別な機能を導入する必要があります

Vueモバイル端末のマルチタッチポイントの問題を解決 Vueモバイル端末のマルチタッチポイントの問題を解決 Jun 30, 2023 pm 01:06 PM

モバイル開発では、複数指のタッチの問題によく遭遇します。ユーザーがモバイル デバイス上で複数の指を使用して画面をスワイプまたはズームする場合、これらのジェスチャをどのように正確に認識して応答するかは、開発上の重要な課題です。 Vue 開発では、モバイル端末の複数指タッチの問題を解決するためにいくつかの対策を講じることができます。 1. vue-touch プラグインを使用する vue-touch は、モバイル側で複数指のタッチ イベントを簡単に処理できる Vue 用のジェスチャ プラグインです。 npm 経由で vue-to をインストールできます

PC端子ってどういう意味ですか? PC端子ってどういう意味ですか? Jan 02, 2021 pm 04:41 PM

PC の正式名称は Personal Computer で、中国語でパーソナル コンピュータまたはパーソナル コンピュータを意味し、PC はコンピュータ ホストに接続できるネットワーク世界のポートを指します。携帯電話インターフェースシステム。

Vue開発におけるモバイル端末のダブルクリック増幅問題を解決する方法 Vue開発におけるモバイル端末のダブルクリック増幅問題を解決する方法 Jun 29, 2023 am 11:06 AM

モバイル デバイスの普及に伴い、モバイル開発に Vue を使用することが一般的な選択肢になりました。ただし、モバイル開発中には、ダブルクリックしてズームインするという問題に直面することがよくあります。この記事では、この問題に焦点を当て、Vue 開発におけるモバイル端末でのダブルクリック増幅の具体的な解決方法について説明します。モバイル デバイスでのダブルクリック拡大の問題は、主に、タッチ スクリーンをダブルクリックすると、モバイル デバイスが Web ページのズーム率を自動的に拡大するために発生します。一般的な Web 開発では、この種のダブルクリックによる拡大は通常有益です。

PC側ってどういう意味ですか? PC側ってどういう意味ですか? Jan 16, 2024 am 10:23 AM

PC 側とは通常、デスクトップ コンピューターやラップトップなどのパーソナル コンピューターを指し、人々がよく使用するデバイスの 1 つです。 PC 側とは、一般に、コンピュータ上で実行されるオペレーティング システムとアプリケーションの集合を指します。強力なコンピューティング処理能力と人間とコンピュータの対話インターフェイスを備えており、通常、さまざまなオフィス、エンターテイメント、デザイン、プログラミング、その他の活動に使用されます。

PythonとBaidu Map APIを使用してモバイル地図位置測位機能を実装する方法 PythonとBaidu Map APIを使用してモバイル地図位置測位機能を実装する方法 Jul 29, 2023 pm 11:33 PM

Python と Baidu Map API を使用してモバイル地図位置測位機能を実装する方法 モバイル インターネットの発展に伴い、地図位置測位機能はモバイル アプリケーションでますます一般的になりました。人気のプログラミング言語である Python は、Baidu Map API を使用してモバイル マップの位置情報機能を実装することもできます。以下では、Python と Baidu Map API を使用して地図位置決め機能を実装する手順と、対応するコード例を紹介します。ステップ 1: Baidu Map API キーを申請する 開始する前に、まず申請する必要があります。

Vue (Vant) でモバイル レスポンシブ レイアウトを実装するための完全なガイド Vue (Vant) でモバイル レスポンシブ レイアウトを実装するための完全なガイド Jun 09, 2023 pm 04:09 PM

Vue (Vant) でモバイル レスポンシブ レイアウトを実装するための完全ガイド モバイル レスポンシブ レイアウトは、最新の Web 開発の非常に重要な部分です。モバイル デバイスの普及に伴い、ユーザーの携帯電話画面のサイズと解像度に迅速に対応する方法が重要になってきています。 a フロントエンドエンジニアが直面しなければならない課題の 1 つ。 Vue フレームワークにはレスポンシブ レイアウト機能が付属しており、レスポンシブ レイアウトの実装に役立つサードパーティ ライブラリも多数あります。その中でも、Vant コンポーネント ライブラリは、非常に強力で使いやすく、カスタマイズが簡単で、モバイル デバイスと完全な互換性があるため、Vue モバイル UI ライブラリです。

See all articles