js 获取ip和浏览器信息

获取ip地址

引入js

<script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
//  获取
document.write(returnCitySN["cip"]+','+returnCitySN["cname"])

浏览器信息

function userAgent() {
    let browserReg = {
        Chrome: /Chrome/,
        IE: /MSIE/,
        Firefox: /Firefox/,
        Opera: /Presto/,
        Safari: /Version\/([\d.]+).*Safari/,
        '360': /360SE/,
        QQBrowswe: /QQ/,
        Edge: /Edg/
    };
    let deviceReg = {
        iPhone: /iPhone/,
        iPad: /iPad/,
        Android: /Android/,
        Windows: /Windows/,
        Mac: /Macintosh/,
    };
    let userAgentStr = navigator.userAgent
    const userAgentObj = {
        browserName: '', // 浏览器名称
        browserVersion: '', // 浏览器版本
        osName: '', // 操作系统名称
        osVersion: '', // 操作系统版本
        deviceName: '', // 设备名称
    }
    for (let key in browserReg) {
        if (browserReg[key].test(userAgentStr)) {
            userAgentObj.browserName = key
            if (key === 'Chrome') {
                userAgentObj.browserVersion = userAgentStr.split('Chrome/')[1].split(' ')[0]
            } else if (key === 'IE') {
                userAgentObj.browserVersion = userAgentStr.split('MSIE ')[1].split(' ')[1]
            } else if (key === 'Firefox') {
                userAgentObj.browserVersion = userAgentStr.split('Firefox/')[1]
            } else if (key === 'Opera') {
                userAgentObj.browserVersion = userAgentStr.split('Version/')[1]
            } else if (key === 'Safari') {
                userAgentObj.browserVersion = userAgentStr.split('Version/')[1].split(' ')[0]
            } else if (key === '360') {
                userAgentObj.browserVersion = ''
            } else if (key === 'QQBrowswe') {
                userAgentObj.browserVersion = userAgentStr.split('Version/')[1].split(' ')[0]
            }else if (key === 'Edge') {
                userAgentObj.browserVersion = userAgentStr.split('Edg/')[1].split(' ')[0]
            }
        }
    }

    for (let key in deviceReg) {
        if (deviceReg[key].test(userAgentStr)) {
            userAgentObj.osName = key
            if (key === 'Windows') {
                userAgentObj.osVersion = userAgentStr.split('Windows NT ')[1].split(';')[0]
            } else if (key === 'Mac') {
                userAgentObj.osVersion = userAgentStr.split('Mac OS X ')[1].split(')')[0]
            } else if (key === 'iPhone') {
                userAgentObj.osVersion = userAgentStr.split('iPhone OS ')[1].split(' ')[0]
            } else if (key === 'iPad') {
                userAgentObj.osVersion = userAgentStr.split('iPad; CPU OS ')[1].split(' ')[0]
            } else if (key === 'Android') {
                userAgentObj.osVersion = userAgentStr.split('Android ')[1].split(';')[0]
                userAgentObj.deviceName = userAgentStr.split('(Linux; Android ')[1].split('; ')[1].split(' Build')[0]
            }
        }
    }
    return userAgentObj
}
document.write(JSON.stringify(userAgent()))

引用 https://blog.csdn.net/weixin_44477431/article/details/117260001

结果如下

183.6.120.5,广东省广州市{"browserName":"Edge","browserVersion":"101.0.1210.39","osName":"Windows","osVersion":"10.0","deviceName":""}
``