Webブラウザのオブジェクト

オブジェクトの階層構造

  • Webブラウザ上の主なオブジェクトには、windowオブジェクトを頂点とする階層構造があります


navigatorオブジェクト
  • 個々のウィンドウに依存しないオブジェクト
  • 「for〜in文」を利用して、プロパティ一覧を表示する


navigator . プロパティ名


navigator [ 'プロパティ名' ]

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>navigatorオブジェクト</title>
</head>
<body>
<script>
for (var prop in navigator) {
  document.write('<p>', prop, ':', navigator[prop], '</p>');
}
</script>
</body>
</html>
platformプロパティ
  • OSの情報を保持しています


OSによってメッセージを変更する

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>navigatorオブジェクト</title>
</head>
<body>
<script>
var platform = navigator.platform;
if (platform.indexOf('Mac') >= 0 ) {
  document.write('<h1>こんにちはMacユーザーさん</h1>');
} else if (platform.indexOf('Win') >= 0 ) {
  document.write('<h1>こんにちはWinユーザーさん</h1>');
} else {
  document.write('<h1>こんにちはその他OSのユーザーさん</h1>');
}
</script>
</body>
</html>


indexOfメソッド

  • 文字列の中に引数で指定した文字列が含まれているかどうかを調べるメソッド
  • 見つかった場合は、文字列の先頭を「0」とした数値で位置を戻します
  • 見つからない場合は、「-1」を戻します
  • 変数「platform」の値が「MacIntel」の場合、「platform.indexOf('Mac')」を実行すると戻り値は「0」になります

まとめ

  • Webブラウザのオブジェクトには、階層構造がある
  • navigatorオブジェクトを使用すると、Webブラウザに関する情報が得られる
  • ユーザーのOSを調べるには、platformプロパティを参照する