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 相关文章推荐
Riot.js 快速的JavaScript单元测试框架
Nov 09 Javascript
js chrome浏览器判断代码
Mar 28 Javascript
ie中js创建checkbox默认选中问题探讨
Oct 21 Javascript
angularJS提交表单(form)
Feb 09 Javascript
AngularJS页面访问时出现页面闪烁问题的解决
Mar 06 Javascript
js事件驱动机制 浏览器兼容处理方法
Jul 23 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
vue实现文件上传功能
Aug 13 Javascript
详解使用React.memo()来优化函数组件的性能
Mar 19 Javascript
Layui实现带查询条件的分页
Jul 27 Javascript
javascript实现点击小图显示大图
Nov 29 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
PHP4实际应用经验篇(5)
2006/10/09 PHP
PHP中substr函数字符串截取用法分析
2016/01/07 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
JavaScript 继承详解(一)
2009/07/13 Javascript
JS实现下拉框的动态添加(附效果)
2013/04/03 Javascript
JS生成随机字符串的多种方法
2014/06/10 Javascript
JavaScript操作cookie类实例
2015/03/31 Javascript
node.js使用cluster实现多进程
2016/03/17 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
Vue.js每天必学之指令系统与自定义指令
2016/09/07 Javascript
JQuery遍历元素的父辈和祖先的方法
2016/09/18 Javascript
JavaScript严格模式详解
2017/01/16 Javascript
微信小程序开发之相册选择和拍照详解及实例代码
2017/02/22 Javascript
Agularjs妙用双向数据绑定实现手风琴效果
2017/05/26 Javascript
响应式框架Bootstrap栅格系统的实例
2017/12/19 Javascript
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
vue 中引用gojs绘制E-R图的方法示例
2018/08/24 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
redux.js详解及基本使用
2019/05/24 Javascript
Vue实现数据请求拦截
2019/10/23 Javascript
微信小程序实现多行文字超出部分省略号显示功能
2019/10/23 Javascript
JS中的继承操作实例总结
2020/06/06 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
Python实现七个基本算法的实例代码
2020/10/08 Python
英国可持续奢侈品包包品牌:Elvis & Kresse
2018/08/05 全球购物
iHerb中文官网:维生素、保健品和健康产品
2018/11/01 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
公务员总结性个人自我评价
2013/12/05 职场文书
办理信用卡工作证明
2014/01/11 职场文书
作风建设演讲稿
2014/05/23 职场文书
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python
Node.js实现爬取网站图片的示例代码
2022/04/04 NodeJs