前端JavaScript获取客户端信息有两大种方法,一是通过ActiveX控件,二是通过第三方。
如果项目的用户群不明确,用户可能会用各种方式浏览网页,这个时候不推荐使用ActiveX控件;如果做的是企业级项目,目标用户明确,比如银行系统,政府办公系统等,这时候可以使用ActiveX控件的方式,因为可以规定所有的用户都使用IE浏览器,并打开支持Active插件。
为什么不使用ActiveX的原因:
微软最新浏览器Microsoft Edge 将不再支持 ActiveX、MIME、源剪辑 (WebSlices) 、Vector Markup Language(VML)、浏览器帮助者对象 BHO(Browser Helper Objects)和 VBScript。对微软及开发者来说,取消这些技术也是利好消息,这样可免除这些技术带来安全漏洞。
ActiveX:1996 年引入,通常是实现扩展和插件功能。Edge 原生支持 PDF 和 Flash,再加上新的扩展平台,因此不再需要 ActiveX。
ActiveX 控件有权使用操作系统级别的API,Html5基于安全考虑,不可能提供这些API,比如要求Html5去格式化硬盘,去删除本机文件,那是做不到的,ActiveX 控件经过安全允许之后,是可以做这些事情的。所以,可以想象,上网浏览个网页,他就能执行你电脑的任何程序,那就完全可以控制你的机器了,多可怕?
HTML5志在打破PC和移动设备的应用差别。ActiveX不能应用在移动设备上,也不能在非Windows的操作系统下运行。局限范围小,在移动飞速发展的时代,这个估计慢慢落伍了。所以通过第三方和后端代码的方式来获取客户端信息是比较可靠的方式。
方法1-3使用ActiveX方式获取,方法4-6使用第三方获取。
一、使用JS获取客户端IP(1)
(只针对IE且客户端的IE允许AcitiveX运行)
<HTML>
<HEAD>
<TITLE>GetLocalIP</TITLE>
</HEAD>
<BODY>
获取IP:
<script language="JavaScript"> function GetLocalIPAddr(){ var oSetting = null; var ip = null; try{ oSetting = new ActiveXObject("rcbdyctl.Setting"); ip = oSetting.GetIPAddress; if (ip.length == 0){ return "未连接到Internet"; } oSetting = null; }catch(e){ return ip; } return ip; } document.write(GetLocalIPAddr()+"<br/>") </script>
</BODY>
</HTML>
二、使用JS获取客户端IP(2)
(只针对IE且客户端的IE允许AcitiveX运行)<HTML>
<HEAD>
<TITLE>WMI Scripting HTML</TITLE>
</HEAD>
<BODY>
<script language=javascript>
var wshNetwork = new ActiveXObject("WScript.Network");
document.write("域名 = "+ wshNetwork.UserDomain+"<br/>");
document.write("计算机名 = "+ wshNetwork.ComputerName+"<br/>");
document.write("登录用户名 = "+ wshNetwork.UserName+"<br/>");
</script>
</BODY>
</HTML>
三、使用JS获取客户端IP(3)
能够获取到局域网IP地址,本机的MAC,以及机器名。 <html>
<head>
<title></title>
</head>
<body>
<object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" style="display:none;visibility:hidden"></object>
<object classid="CLSID:75718C9A-F029-11d1-A1AC-00C04FB6C223" id="foo" style="display:none;visibility:hidden"></object>
<form name="myForm">
<br/>MAC地址:<input type="text" name="macAddress">
<br/>IP地址:<input type="text" name="ipAddress">
<br/>主机名:<input type="text" name="hostName">
</form>
</body>
</html>
<script language="javascript">
var sMacAddr="";
var sIPAddr="";
var sDNSName="";
var service = locator.ConnectServer();
service.Security_.ImpersonationLevel=3;
service.InstancesOfAsync(foo, 'Win32_NetworkAdapterConfiguration');
</script>
<script FOR="foo" EVENT="OnObjectReady(objObject,objAsyncContext)" LANGUAGE="JScript">
if(objObject.IPEnabled != null && objObject.IPEnabled != "undefined" && objObject.IPEnabled == true){
if(objObject.IPEnabled && objObject.IPAddress(0) !=null && objObject.IPAddress(0) != "undefined")
sIPAddr = objObject.IPAddress(0);
if(objObject.MACAddress != null &&objObject.MACAddress != "undefined")
sMacAddr = objObject.MACAddress;
if(objObject.DNSHostName != null &&objObject.DNSHostName != "undefined")
sDNSName = objObject.DNSHostName;
}
</script>
<script FOR="foo" EVENT="OnCompleted(hResult,pErrorObject, pAsyncContext)" LANGUAGE="JScript">
myForm.macAddress.value=sMacAddr;
myForm.ipAddress.value=sIPAddr;
myForm.hostName.value=sDNSName;
</script>
四、获取客户端处在网络中的IP,前提是客户得联网。使用的是新浪接口。
(所有的平台及浏览器)<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript获取客户端IP[利用新浪接口]</title>
</head>
<body>
<script type="text/javascript" src="http://counter.sina.com.cn/ip/" charset="gb2312"></script> <!--获取接口数据,注意charset -->
<script type="text/javascript">
document.writeln("IP地址:"+ILData[0]+"<br />"); //输出接口数据中的IP地址
document.writeln("地址类型:"+ILData[1]+"<br />"); //输出接口数据中的IP地址的类型
document.writeln("地址类型:"+ILData[2]+"<br />"); //输出接口数据中的IP地址的省市
document.writeln("地址类型:"+ILData[3]+"<br />"); //输出接口数据中的IP地址的
document.writeln("地址类型:"+ILData[4]+"<br />"); //输出接口数据中的IP地址的运营商
</script>
</body>
</html>
五、使用的搜狐接口
(所有的平台及浏览器)<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
<script type="text/javascript">
document.write(returnCitySN["cip"]+','+returnCitySN["cname"])
</script>
六、太平洋电脑网IP查询接口
http://whois.pconline.com.cn/?ip=0.0.0.0把0.0.0.0换成IP地址,页面上还有其他无关内容,这些内容是告诉我们哪些接口可以调用、接口调用参数和使用方法等
通过上边的js接口调用就可以判断用于属于哪个城市,直接显示该城市的相关信息了,对于需要城市切换的网站,首次判断用户来源非常有帮助。