jqueryでネイティブ情報を取得する方法-フロントエンドQ&A-php.cn

jqueryでネイティブ情報を取得する方法

WBOY

リリース： 2023-05-18 19:49:06

オリジナル

1167 人が閲覧しました

Web 開発では、ユーザーの IP アドレス、ブラウザのバージョン、オペレーティングシステム、その他の情報の取得など、ローカルマシンの情報を取得する必要があることがよくあります。 jQuery は Web 開発者が最もよく使用する JavaScript フレームワークの 1 つであるため、この記事では jQuery を使用してネイティブ情報を取得する方法を紹介します。

1. IP アドレスの取得

jQuery では、Ajax を使用してバックグラウンドにリクエストを送信し、返された IP アドレスを取得できます。具体的な実装手順は次のとおりです:

1. PHP ファイルを作成してクライアントの IP アドレスを取得します。コードは次のとおりです:

<?php 
  $ip = $_SERVER['REMOTE_ADDR']; 
  echo $ip; 
?>

ログイン後にコピー

2. フロントエンドページで Ajax を使用してリクエストを送信し、返された IP アドレスを取得します。コードは次のとおりです:

$.ajax({
  url:"getIP.php", 
  success:function(data){ 
    console.log(data); //输出获取到的IP地址 
  }
});

ログイン後にコピー

2. ブラウザのバージョン情報の取得

jQuery では、navigator オブジェクトを使用してブラウザのバージョン情報を取得できます。具体的な実装手順は次のとおりです:

1. ブラウザのバージョン情報を取得する関数を作成します。コードは次のとおりです:

function getBrowserInfo(){
  var ua = navigator.userAgent.toLowerCase(); 
  var browserType = null; 
  var browserVersion = null; 

  //判断浏览器类型 
  if(ua.indexOf("msie") >= 0){ 
    browserType = "IE"; 
    browserVersion = ua.match(/msie ([d.]+)/)[1]; 
  }else if(ua.indexOf("firefox") >= 0){ 
    browserType = "Firefox"; 
    browserVersion = ua.match(/firefox/([d.]+)/)[1]; 
  }else if(ua.indexOf("chrome") >= 0){ 
    browserType = "Chrome"; 
    browserVersion = ua.match(/chrome/([d.]+)/)[1]; 
  }else if(ua.indexOf("opera") >= 0){ 
    browserType = "Opera"; 
    browserVersion = ua.match(/opera/([d.]+)/)[1]; 
  }else if(ua.indexOf("safari") >= 0){ 
    browserType = "Safari"; 
    browserVersion = ua.match(/version/([d.]+)/)[1]; 
  }else{ 
    browserType = "Unknow"; 
  } 

  var browserInfo = {type: browserType, version: browserVersion}; 
  return browserInfo; 
}

ログイン後にコピー

2. ブラウザのバージョン情報を取得し、結果を出力する必要がある場合にこの関数を呼び出します。コードは次のとおりです:

var browserInfo = getBrowserInfo(); 
console.log(browserInfo.type + " " + browserInfo.version);

ログイン後にコピー

3. オペレーティングシステム情報の取得

jQuery では、navigator.platform を使用してオペレーティングシステム情報を取得できます。具体的な実装手順は次のとおりです:

1. オペレーティングシステム情報を取得する関数を作成します。コードは次のとおりです:

function getOSInfo(){
  var ua = navigator.userAgent.toLowerCase(); 
  var osType = null; 

  if(ua.indexOf("win") >= 0){ 
    osType = "Windows"; 
  }else if(ua.indexOf("mac") >= 0){ 
    osType = "Mac OS X"; 
  }else if(ua.indexOf("x11") >= 0){ 
    osType = "Unix"; 
  }else if(ua.indexOf("android") >= 0){ 
    osType = "Android"; 
  }else if(ua.indexOf("iphone") >= 0){ 
    osType = "iPhone OS"; 
  }else{ 
    osType = "Unknow"; 
  } 

  return osType; 
}

ログイン後にコピー

2. オペレーティングシステム情報を取得して結果を出力する必要がある場合にこの関数を呼び出します。コードは次のとおりです。

var osType = getOSInfo(); 
console.log(osType);

ログイン後にコピー

要約すると、jQuery を使用してローカル情報を取得するには、いくつかの JavaScript オブジェクトのみが必要であり、これは Web 開発者にとって非常に便利な機能です。

以上がjqueryでネイティブ情報を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。