ホームページ > ウェブフロントエンド > jsチュートリアル > ブラウザ情報を取得するJavaScriptメソッド_JavaScriptスキル

ブラウザ情報を取得するJavaScriptメソッド_JavaScriptスキル

WBOY
リリース: 2016-05-16 15:30:50
オリジナル
1305 人が閲覧しました

Window にはブラウザに関するすべての情報を知ることができるナビゲータ オブジェクトがあり、一連の API 関数を使用してブラウザに関する情報を知ることができます。

JavaScript コードは次のとおりです:

function message()
{ 
txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>";
txt+= "<p>浏览器名称: " + navigator.appName + "</p>"; 
txt+= "<p>浏览器平台和版本: " + navigator.appVersion + "</p>";
txt+= "<p>是否开启cookie: " + navigator.cookieEnabled + "</p>";
txt+= "<p>操作系统平台: " + navigator.platform + "</p>"; txt+= "<p>User-agent头部值: " + navigator.userAgent + "</p>"; 
document.getElementById("example").innerHTML=txt; 
if ((navigator.appName=="Netscape" || navigator.appName=="Microsoft Internet Explorer") && (parseFloat(navigator.appVersion)>=4))
{ alert("您的浏览器够先进了!"); }
else 
{ alert("是时候升级您的浏览器了!");
} 
}
ログイン後にコピー

この機能を使用して、ブラウザを更新する必要があるかどうかをユーザーに通知できます。また、ユーザーがブラウザに関する関連情報を知るのにも役立ちます

主要ブラウザの基本情報

著者は、現在の主流ブラウザのほぼすべてをテストしました。もちろん、ブラウザの数に関係なく、それらはすべて Trident、Blink、Gecko、Webkit などのブラウザ カーネルを使用しています。分析には大きな違いはありません。以下に関連するスクリーンショットを添付します。

これはエッジ用です

IE11、作者はIE6を使用していませんが、大きな違いはありません

Safari、オリジナルの投稿者は Windows システムであり、Safari のバージョンは比較的低いです

Sogou Browser、元の投稿者はしばらくこれに夢中でした!

QQ ブラウザ (WeChat バージョン) は非常に強力です。現在、著者は Chrome 以外に最も人気のあるブラウザ、デュアルコア Trident および Blink を使用しています。これらは Chrome カーネルで非常に高速です。

360 Secure Browser の互換モードは IE の Trident カーネルを使用します

Firefox、言うまでもなく、正真正銘の Netscape、開発者にとって必須のブラウザ

Chrome。投稿者が現在最も使用しているブラウザです。Google は本当に優れており、私はそれを強く支持しています

360 セーフ ブラウザ速度モード、Chrome カーネル、非常に高速

コード結果の分析

PS: ブラウザのアドレスとパラメータを取得する JavaScript メソッド

JavaScript を使用して URL アドレス情報を取得します

実行では JavaScript を使用して URL アドレス情報を取得します。コードの効果は次のとおりです。

  location.host=www。dw。cn
  location.hostname=www。dw。cn
  location.href=http://www。dw。cn/news/2010-1/201011820131610618.shtml
  location.pathname=/news/2010-1/201011820131610618.shtml
  location.protocol=http:
ログイン後にコピー

URL を取得する window.location メソッドの詳細な紹介

ユニフォーム リソース ロケーター (URL) 完全な URL は次の部分で構成されます:

スキーム://host:port/path?query#fragment

スキーム: 通信プロトコル

よく使用される http、ftp、maito など

ホスト: ホスト

サーバー (コンピューター) ドメイン ネーム システム (DNS) のホスト名または IP アドレス。

ポート:ポート番号

整数、オプション。省略すると、スキームのデフォルトのポートが使用されます。たとえば、http のデフォルトのポートが使用されます。

パス: パス

0 個以上の「/」記号で区切られた文字列。通常、ホスト上のディレクトリまたはファイルのアドレスを表すために使用されます。

クエリ: クエリ

オプション。動的 Web ページ (CGI、ISAPI、PHP/JSP/ASP/ASP.NET などのテクノロジを使用して作成された Web ページなど) にパラメータを渡すために使用されます。「&」記号で区切って複数のパラメータを指定できます。各パラメータの名前と値は「=」記号で区切られます。

フラグメント: 情報の断片

ネットワーク リソース内のフラグメントを指定するために使用される文字列。たとえば、Web ページに複数の名詞の説明がある場合、フラグメントを使用して特定の名詞の説明を直接見つけることができます。 (アンカーポイントとも呼ばれます。)

例:

1, window.location.href

URL 文字列全体 (ブラウザの完全なアドレス バー)

戻り値: http://www。だわ。 cn:80/index.asp?id=209#asp

2,window.location.protocol

URL のプロトコル部分

戻り値: http:

3,window.location.host

URL のホスト部分、

戻り値: www.だわ。 CN

4,window.location.port

URL のポート部分。デフォルトのポート 80 が使用されている場合 (80 が追加された場合でも更新)、戻り値はデフォルトの 80 ではなく、ヌル文字になります。

この例の戻り値: 空

5,window.location.pathname

URL のパス部分 (つまり、ファイルアドレス)

戻り値: /index.asp

6,window.location.search

クエリ(パラメータ)部分。動的言語に値を割り当てるだけでなく、静的ページに値を割り当て、JavaScript を使用して対応するパラメータ値を取得することもできます。

戻り値:?id=209

7,window.location.hash

アンカーポイント

戻り値: #asp

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート