js如何获取访问IP、地区、当前操作浏览器


Posted in Javascript onJuly 23, 2019

js获取IP、地区、当前操作浏览器有什么用呢?

我的回答是用处很多,比如现在的异地登录和对用户常用浏览器做数据分析等。

源代码如下:

index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> 
  <script type="text/javascript"> 
    document.write('IP地址:' + returnCitySN["cip"] + ', CID:' + returnCitySN["cid"] + ', 地区:' + returnCitySN["cname"]+",浏览器版本:"+getBrowserInfo());
    
    function getBrowserInfo()
{
  var agent = navigator.userAgent.toLowerCase() ;

  var regStr_ie = /msie [\d.]+;/gi ;
  var regStr_ff = /firefox\/[\d.]+/gi
  var regStr_chrome = /chrome\/[\d.]+/gi ;
  var regStr_saf = /safari\/[\d.]+/gi ;
  
  //IE
  if(agent.indexOf("msie") > 0)
  {
    return agent.match(regStr_ie) ;
  }

  //firefox
  if(agent.indexOf("firefox") > 0)
  {
    return agent.match(regStr_ff) ;
  }

  //Chrome
  if(agent.indexOf("chrome") > 0)
  {
    return agent.match(regStr_chrome) ;
  }

  //Safari
  if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0)
  {
    return agent.match(regStr_saf) ;
  }

}
  </script>
</head>

<body> 
</body>
</html>

展示效果如下:

js如何获取访问IP、地区、当前操作浏览器

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Javascript document.referrer判断访客来源网址
May 15 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
javascript 获取函数形参个数
Jul 31 Javascript
原生javascript实现拖动元素示例代码
Sep 01 Javascript
jQuery实现Twitter的自动文字补齐特效
Nov 28 Javascript
jQuery中add()方法用法实例
Jan 08 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
详解Node.js模块间共享数据库连接的方法
May 24 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
May 28 Javascript
JS 组件系列之BootstrapTable的treegrid功能
Jun 16 Javascript
angularjs实现时间轴效果的示例代码
Nov 29 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 Javascript
node.js express框架简介与实现
Jul 23 #Javascript
js微信分享接口调用详解
Jul 23 #Javascript
详解vue-cli项目开发/生产环境代理实现跨域请求
Jul 23 #Javascript
vue 地区选择器v-distpicker的常用功能
Jul 23 #Javascript
微信小程序 网络通信实现详解
Jul 23 #Javascript
微信小程序 确认框的实现(附代码)
Jul 23 #Javascript
koa2 从入门到精通(小结)
Jul 23 #Javascript
You might like
使用PHP静态变量当缓存的方法
2013/11/13 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
PHP 实现缩略图
2021/03/09 PHP
IE与firefox之jquery用法区别
2008/10/03 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
2012/11/13 Javascript
JavaScript中__proto__与prototype的关系深入理解
2012/12/04 Javascript
jQuery判断checkbox是否选中的3种方法
2014/08/12 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
2015/03/02 Javascript
全面详细的jQuery常见开发技巧手册
2016/02/21 Javascript
JS+CSS实现的漂亮渐变背景特效代码(6个渐变效果)
2016/03/25 Javascript
jquery插件方式实现table查询功能的简单实例
2016/06/06 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
js读取json文件片段中的数据实例
2017/03/09 Javascript
常用的js方法合集
2017/03/10 Javascript
JS请求servlet功能示例
2017/06/01 Javascript
详解ionic本地相册、拍照、裁剪、上传(单图完全版)
2017/10/10 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
JS实现拖拽元素时与另一元素碰撞检测
2020/08/27 Javascript
vue swipeCell滑动单元格(仿微信)的实现示例
2020/09/14 Javascript
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
使用python解析xml成对应的html示例分享
2014/04/02 Python
Python类属性的延迟计算
2016/10/22 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
Python基础之条件控制操作示例【if语句】
2019/03/23 Python
Linux下通过python获取本机ip方法示例
2019/09/06 Python
Python基于Socket实现简单聊天室
2020/02/17 Python
python asyncio 协程库的使用
2021/01/21 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
土木工程毕业生推荐信
2013/10/28 职场文书
公司接待方案
2014/03/08 职场文书
数学兴趣小组活动总结
2014/07/08 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
中小学教师继续教育心得体会
2016/01/19 职场文书
Android开发手册TextInputLayout样式使用示例
2022/06/10 Java/Android