Vous pouvez Obtenir Un Local Utilisateurs de l'Adresse IP LAN Via JavaScript?

Comme il s'avère, la récente WebRTC extension de HTML5, javascript permet d'interroger le local adresse IP du client. Une preuve de concept est disponible ici: http://net.ipcalf.com

Cette fonctionnalité est apparemment de par leur conception, et n'est pas un bug. Toutefois, compte tenu de son caractère controversé, je serais prudent au sujet en s'appuyant sur ce comportement. Néanmoins, je pense que c'parfaitement et répond parfaitement à vos besoins (en révélant à l'utilisateur que leur navigateur est en fuite).

J'ai nettoyé mido la poste et puis nettoyé la fonction qu'ils ont trouvé. Ce sera soit de retour false ou un array. Lors de l'essai de rappelez-vous que vous avez besoin à l'effondrement de la matrice dans la web developer console sinon c'est non intuitives comportement par défaut peut vous tromper en pensant que c'est de retourner un vide array.

function ip_local()
{
 var ip = false;
 window.RTCPeerConnection = window.RTCPeerConnection || window.mozRTCPeerConnection || window.webkitRTCPeerConnection || false;

 if (window.RTCPeerConnection)
 {
  ip = [];
  var pc = new RTCPeerConnection({iceServers:[]}), noop = function(){};
  pc.createDataChannel('');
  pc.createOffer(pc.setLocalDescription.bind(pc), noop);

  pc.onicecandidate = function(event)
  {
   if (event && event.candidate && event.candidate.candidate)
   {
    var s = event.candidate.candidate.split('\n');
    ip.push(s[0].split(' ')[4]);
   }
  }
 }

 return ip;
}

Veuillez en outre garder à l'esprit les gens que ce n'est pas quelque chose de vieux-nouveau comme CSS border-radius si l'un de ces bits est carrément pas pris en charge par IE11 et plus. Toujours utilisation de la détection d'objet, de test dans les navigateurs plus anciens (par exemple, Firefox 4, IE9, Opera 12.1) et assurez-vous que votre plus récents, les scripts ne sont pas casser vos nouveaux bits de code. En outre toujours détecter le code conforme aux standards première donc si il y a quelque chose à dire CSS préfixe de détecter la norme de non-préfixés code première avant de retomber comme dans le soutien à long terme, finira par être normalisée pour le reste de son existence.

La API WebRTC peut être utilisé pour récupérer le local du client IP.

Toutefois, le navigateur ne les prend pas en charge ou le client peut avoir désactivé pour des raisons de sécurité. En tout cas, il ne faut pas compter sur ce "hack" sur le long terme, car il est susceptible d'être corrigé à l'avenir (voir Cullen Moelleux Jennings réponse).

ECMAScript 6 code ci-dessous montre comment le faire.

/* ES6 */
const findLocalIp = (logInfo = true) => new Promise( (resolve, reject) => {
window.RTCPeerConnection = window.RTCPeerConnection 
|| window.mozRTCPeerConnection 
|| window.webkitRTCPeerConnection;
if ( typeof window.RTCPeerConnection == 'undefined' )
return reject('WebRTC not supported by browser');
let pc = new RTCPeerConnection();
let ips = [];
pc.createDataChannel("");
pc.createOffer()
.then(offer => pc.setLocalDescription(offer))
.catch(err => reject(err));
pc.onicecandidate = event => {
if ( !event || !event.candidate ) {
//All ICE candidates have been sent.
if ( ips.length == 0 )
return reject('WebRTC disabled or restricted by browser');
return resolve(ips);
}
let parts = event.candidate.candidate.split(' ');
let [base,componentId,protocol,priority,ip,port,,type,...attr] = parts;
let component = ['rtp', 'rtpc'];
if ( ! ips.some(e => e == ip) )
ips.push(ip);
if ( ! logInfo )
return;
console.log(" candidate: " + base.split(':')[1]);
console.log(" component: " + component[componentId - 1]);
console.log("  protocol: " + protocol);
console.log("  priority: " + priority);
console.log("        ip: " + ip);
console.log("      port: " + port);
console.log("      type: " + type);
if ( attr.length ) {
console.log("attributes: ");
for(let i = 0; i < attr.length; i += 2)
console.log("> " + attr[i] + ": " + attr[i+1]);
}
console.log();
};
} );

Avis j'écris return resolve(..) ou return reject(..) comme un raccourci. Ces deux fonctions ne retourne rien.

Alors vous peut avoir quelque chose à ceci :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Local IP</title>
</head>
<body>
<h1>My local IP is</h1>
<p id="ip">Loading..</p>
<script src="ip.js"></script>
<script>
let p = document.getElementById('ip');
findLocalIp().then(
ips => {
let s = '';
ips.forEach( ip => s += ip + '<br>' );
p.innerHTML = s;
},
err => p.innerHTML = err
);
</script>
</body>
</html>