ブラウザ情報を取得し表示

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>

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>

スポンサード リンク

カテゴリー: JavaScript, ブラウザ, 逆引き パーマリンク