在纯页面获取header信息头部信息

最新推荐文章于 2023-10-27 22:20:48 发布

j_xx4409

最新推荐文章于 2023-10-27 22:20:48 发布

阅读量1.3k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/j_xx4409/article/details/106385816

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <title>获取浏览器 UserAgent</title>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="minimal-ui,width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="white">
    <meta name="format-detection" content="telephone=no">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
</head>
<body>

<div id="content_layout">
    <form name="Browser">
        <div>
            浏览器名称:
            <div id="name"></div>

        </div>
        <div>
            版本号:
            <div id="Version"></div>

        </div>
        <div>
            代码名称:
            <div id="Code"></div>

        </div>
        <div>
            用户代理标识:
            <div id="Agent"></div>

        </div>
        <div>

            Header:
            <div id="header"></div>

        </div>
    </form>
</div>
</body>
<script type="text/javascript">

    $("#name").html(navigator.appName);
    $("#Version").html(navigator.appVersion);
    $("#Code").html(navigator.appCodeName);
    $("#Agent").html(navigator.userAgent);
    $("#header").html(getHeaders());


    function getHeaders() {
        var req = new XMLHttpRequest();
        req.open('GET', document.location.href, false);
        req.send(null);
        var headerArr = req.getAllResponseHeaders().split('\n');
        var headers = {};
        headerArr.forEach(item => {
            if (item !== '') {
                var index = item.indexOf(':');
                var key = item.slice(0, index);
                var value = item.slice(index + 1).trim();
                headers[key] = value
            }

        })
        return headers
    }
    var requests;
    this.xhr = sinon.useFakeXMLHttpRequest();
    this.xhr.onCreate = function(xhr) {
        requests.push(xhr);
    }
    console.log(requests[0].requestHeaders);

</script>
</html>

j_xx4409

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
在纯页面获取header信息头部信息

<!DOCTYPE html><html lang="en"><head> <title>获取浏览器 UserAgent</title> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="x-ua-compatibl.
复制链接

扫一扫