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