JavaScriptで、ブラウザの情報を取得し表示させるサンプル。
実装例(サンプル)
ブラウザ名 | |
コード名 | |
バージョン | |
ユーザーエージェント | |
プラットフォーム | |
言語 |
ソースコード
JavaScript
<script type="text/javascript">
window.onload = function () {
document.getElementById( "appName" ).innerHTML = navigator.appName;
document.getElementById( "appCodeName" ).innerHTML = navigator.appCodeName;
document.getElementById( "appVersion" ).innerHTML = navigator.appVersion;
document.getElementById( "userAgent" ).innerHTML = navigator.userAgent;
document.getElementById( "platform" ).innerHTML = navigator.platform;
if( navigator.appName == 'Microsoft Internet Explorer' ){
document.getElementById( "browserLanguage" ).innerHTML = navigator.browserLanguage;
}else{
document.getElementById( "browserLanguage" ).innerHTML = navigator.language;
}
}
</script>
window.onload = function () {
document.getElementById( "appName" ).innerHTML = navigator.appName;
document.getElementById( "appCodeName" ).innerHTML = navigator.appCodeName;
document.getElementById( "appVersion" ).innerHTML = navigator.appVersion;
document.getElementById( "userAgent" ).innerHTML = navigator.userAgent;
document.getElementById( "platform" ).innerHTML = navigator.platform;
if( navigator.appName == 'Microsoft Internet Explorer' ){
document.getElementById( "browserLanguage" ).innerHTML = navigator.browserLanguage;
}else{
document.getElementById( "browserLanguage" ).innerHTML = navigator.language;
}
}
</script>
HTML
<table>
<tr>
<td style="width: 10em;">ブラウザ名</td>
<td id="appName"> </td>
</tr>
<tr>
<td>コード名</td>
<td id="appCodeName"> </td>
</tr>
<tr>
<td>バージョン</td>
<td id="appVersion"> </td>
</tr>
<tr>
<td>ユーザーエージェント</td>
<td id="userAgent"> </td>
</tr>
<tr>
<td>プラットフォーム</td>
<td id="platform"> </td>
</tr>
<tr>
<td>言語</td>
<td id="browserLanguage"> </td>
</tr>
</table>
<tr>
<td style="width: 10em;">ブラウザ名</td>
<td id="appName"> </td>
</tr>
<tr>
<td>コード名</td>
<td id="appCodeName"> </td>
</tr>
<tr>
<td>バージョン</td>
<td id="appVersion"> </td>
</tr>
<tr>
<td>ユーザーエージェント</td>
<td id="userAgent"> </td>
</tr>
<tr>
<td>プラットフォーム</td>
<td id="platform"> </td>
</tr>
<tr>
<td>言語</td>
<td id="browserLanguage"> </td>
</tr>
</table>