http请求

网友投稿 278 2022-10-23


http请求

HTTP(HyperText Transfer Protocol)是一套计算机通过网络进行通信的规则。计算机专家设计出HTTP,使HTTP客户(如Web浏览器)能够从HTTP服务器(Web服务器)请求信息和服务,HTTP目前协议的版本是1.1.HTTP是一种无状态的协议,无状态是指Web浏览器和Web服务器之间不需要建立持久的连接,这意味着当一个客户端向服务器端发出请求,然后Web服务器返回响应(response),连接就被关闭了,在服务器端不保留连接的有关信息.HTTP遵循请求(Request)/应答(Response)模型。Web浏览器向Web服务器发送请求,Web服务器处理请求并返回适当的应答。所有HTTP连接都被构造成一套请求和应答。

HTTP使用内容类型,是指Web服务器向Web浏览器返回的文件都有与之相关的类型。所有这些类型在MIME Internet邮件协议上模型化,即Web服务器告诉Web浏览器该文件所具有的种类,是HTML文档、GIF格式图像、声音文件还是独立的应用程序。大多数Web浏览器都拥有一系列的可配置的辅助应用程序,它们告诉浏览器应该如何处理Web服务器发送过来的各种内容类型。

HTTP通信机制是在一次完整的HTTP通信过程中,Web浏览器与Web服务器之间将完成下列7个步骤:

(1)      建立TCP连接

在HTTP工作开始之前,Web浏览器首先要通过网络与Web服务器建立连接,该连接是通过TCP来完成的,该协议与IP协议共同构建Internet,即著名的TCP/IP协议族,因此Internet又被称作是TCP/IP网络。HTTP是比TCP更高层次的应用层协议,根据规则,只有低层协议建立之后才能,才能进行更层协议的连接,因此,首先要建立TCP连接,一般TCP连接的端口号是80

(2)      Web浏览器向Web服务器发送请求命令

一旦建立了TCP连接,Web浏览器就会向Web服务器发送请求命令

例如:GET/sample/hello.jsp HTTP/1.1

(3)      Web浏览器发送请求头信息

浏览器发送其请求命令之后,还要以头信息的形式向Web服务器发送一些别的信息,之后浏览器发送了一空白行来通知服务器,它已经结束了该头信息的发送。

(4)      Web服务器应答

客户机向服务器发出请求后,服务器会客户机回送应答,

HTTP/1.1 200 OK

应答的第一部分是协议的版本号和应答状态码

(5)      Web服务器发送应答头信息

正如客户端会随同请求发送关于自身的信息一样,服务器也会随同应答向用户发送关于它自己的数据及被请求的文档。

(6)      Web服务器向浏览器发送数据

Web服务器向浏览器发送头信息后,它会发送一个空白行来表示头信息的发送到此为结束,接着,它就以Content-Type应答头信息所描述的格式发送用户所请求的实际数据

(7)      Web服务器关闭TCP连接

一般情况下,一旦Web服务器向浏览器发送了请求数据,它就要关闭TCP连接,然后如果浏览器或者服务器在其头信息加入了这行代码

Connection:keep-alive

TCP连接在发送后将仍然保持打开状态,于是,浏览器可以继续通过相同的连接发送请求。保持连接节省了为每个请求建立新连接所需的时间,还节约了网络带宽。

HTTP请求格式

当浏览器向Web服务器发出请求时,它向服务器传递了一个数据块,也就是请求信息,HTTP请求信息由3部分组成:

l     请求方法URI协议/版本

l     请求头(Request Header)

l     请求正文

下面是一个HTTP请求的例子:

GET/sample.jspHTTP/1.1

Accept:image/gif.image/jpeg,*/*

Accept-Language:zh-cn

Connection:Keep-Alive

Host:localhost

User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)

Accept-Encoding:gzip,deflate

username=jinqiao&password=1234

(1)         请求方法URI协议/版本

请求的第一行是“方法URL议/版本”:GET/sample.jsp HTTP/1.1

以上代码中“GET”代表请求方法,“/sample.jsp”表示URI,“HTTP/1.1代表协议和协议的版本。

根据HTTP标准,HTTP请求可以使用多种请求方法。例如:HTTP1.1支持7种请求方法:GET、POST、HEAD、OPTIONS、PUT、DELETE和TARCE。在Internet应用中,最常用的方法是GET和POST。

(2) 请求头(Request Header)

Accept:image/gif.image/jpeg.*/*

Accept-Language:zh-cn

Connection:Keep-Alive

Host:localhost

User-Agent:Mozila/4.0(compatible:MSIE5.01:Windows NT5.0)

Accept-Encoding:gzip,deflate.

(3) 请求正文

请求头和请求正文之间是一个空行,这个行非常重要,它表示请求头已经结束,接下来的是请求正文。请求正文中可以包含客户提交的查询字符串信息:

username=jinqiao&password=1234

在以上的例子的HTTP请求中,请求的正文只有一行内容。当然,在实际应用中,HTTP请求正文可以包含更多的内容。

HTTP请求方法我这里只讨论GET方法与POST方法

l           GET方法

GET方法是默认的HTTP请求方法,我们日常用GET方法来提交表单数据,然而用GET方法提交的表单数据只经过了简单的编码,同时它将作为URL的一部分向Web服务器发送,因此,如果使用GET方法来提交表单数据就存在着安全隐患上。例如

Http://127.0.0.1/login.jsp?Name=zhangshi&Age=30&Submit=%cc%E+%BD%BB

从上面的URL请求中,很容易就可以辩认出表单提交的内容。(?之后的内容)另外由于GET方法提交的数据是作为URL请求的一部分所以提交的数据量不能太大

l           POST方法

POST方法是GET方法的一个替代方法,它主要是向Web服务器提交表单数据,尤其是大批量的数据。POST方法克服了GET方法的一些缺点。通过POST方法提交表单数据时,数据不是作为URL请求的一部分而是作为标准数据传送给Web服务器,这就克服了GET方法中的信息无法保密和数据量太小的缺点。因此,出于安全的考虑以及对用户隐私的尊重,通常表单提交时采用POST方法。

从编程的角度来讲,如果用户通过GET方法提交数据,则数据存放在QUERY_STRING环境变量中,而POST方法提交的数据则可以从标准输入流中获取。

HTTP应答与HTTP请求相似,HTTP响应也由3个部分构成,分别是:

l 协议状态版本代码描述

l 响应头(Response Header)

l 响应正文

下面是一个HTTP响应的例子:

HTTP/1.1 200 OK

Server:Apache Tomcat/5.0.12

Date:Mon,6Oct2003 13:23:42 GMT

Content-Length:112

 

HTTP响应示例<title></p><p></head></p><p><body></p><p>Hello HTTP!</p><p></body></p><p></html>   协议状态代码描述HTTP响应的第一行类似于HTTP请求的第一行,它表示通信所用的协议是HTTP1.1服务器已经成功的处理了客户端发出的请求(200表示成功):</p><p>HTTP/1.1 200 OK   响应头(Response Header)响应头也和请求头一样包含许多有用的信息,例如服务器类型、日期时间、内容类型和长度等:</p><p>Server:Apache Tomcat/5.0.12</p><p>Date:Mon,6Oct2003 13:13:33 GMT</p><p>Content-Type:text/html</p><p>Last-Moified:Mon,6 Oct 2003 13:23:42 GMT</p><p>Content-Length:112</p><p>响应正文响应正文就是服务器返回的HTML页面:</p><p><html>   <head></p><p><title>HTTP响应示例<title></p><p></head></p><p><body></p><p>Hello HTTP!</p><p></body></p><p></html></p><p>响应头和正文之间也必须用空行分隔  。</p><p>l          HTTP应答码</p><p>HTTP应答码也称为状态码,它反映了Web服务器处理HTTP请求状态。HTTP应答码由3位数字构成,其中首位数字定义了应答码的类型:</p><p>1XX-信息类(Information),表示收到Web浏览器请求,正在进一步的处理中</p><p>2XX-成功类(Successful),表示用户请求被正确接收,理解和处理例如:200 OK</p><p>3XX-重定向类(Redirection),表示请求没有成功,客户必须采取进一步的动作。</p><p>4XX-客户端错误(Client Error),表示客户端提交的请求有错误 例如:404 NOT</p><p>Found,意味着请求中所引用的文档不存在。</p><p>5XX-服务器错误(Server Error)表示服务器不能完成对请求的处理:如 500</p><p>对于我们Web开发人员来说掌握HTTP应答码有助于提高Web应用程序调试的效率和准确性。</p><p>安全连接</p><p>Web应用最常见的用途之一是电子商务,可以利用Web服务器端程序使人们能够网络购物,需要指出一点是,缺省情况下,通过Internet发送信息是不安全的,如果某人碰巧截获了你发给朋友的一则消息,他就能打开它,假想在里面有你的信用卡号码,这会有多么糟糕,幸运的是,很多Web服务器以及Web浏览器都有创立安全连接的能力,这样它们就可以安全的通信了。</p><p>通过Internet提供安全连接最常见的标准是安全套接层(Secure Sockets layer,SSl)协议。SSL协议是一个应用层协议(和HTTP一样),用于安全方式在Web上交换数据,SSL使用公开密钥编码系统。从本质讲,这意味着业务中每一方都拥有一个公开的和一个私有的密钥。当一方使用另一方公开密钥进行编码时,只有拥有匹配密钥的人才能对其解码。简单来讲,公开密钥编码提供了一种用于在两方之间交换数据的安全方法,SSL连接建立之后,客户和服务器都交换公开密钥,并在进行业务联系之前进行验证,一旦双方的密钥都通过验证,就可以安全地交换数据。</p><p>GET 通过请求URI得到资源POST, 用于添加新的内容PUT 用于修改某个内容DELETE, 删除某个内容CONNECT, 用于代理进行传输,如使用SSLOPTIONS 询问可以执行哪些方法PATCH, 部分文档更改PROPFIND, (wedav) 查看属性PROPPATCH, (wedav) 设置属性MKCOL, (wedav) 创建集合(文件夹)COPY, (wedav) 拷贝MOVE, (wedav) 移动LOCK, (wedav) 加锁UNLOCK (wedav) 解锁TRACE 用于远程诊断服务器HEAD 类似于GET, 但是不返回body信息,用于检查对象是否存在,以及得到对象的元数据</p><p>apache2中,可使用Limit,LimitExcept进行访问控制的  方法包括:  GET,   POST,   PUT,   DELETE,   CONNECT,  OPTIONS,   PATCH,   PROPFIND,   PROPPATCH,   MKCOL,   COPY,   MOVE,   LOCK, 和   UNLOCK.</p><p>其中, HEAD GET POST OPTIONS PROPFIND是和读取相关的  方法,MKCOL PUT DELETE LOCK UNLOCK COPY MOVE PROPPATCH是和修改相关的  方法</p><a href='https://www.eolink.com?utm=jiasou' target='_blank'><img style='width:100%;height:100%' src='https://www.eolink.com/news/zb_users/upload/2022/08/20220805174511165969271139602.jpg'></a><br> <p> <strong>版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。</strong> </p></div> <div class="article_footer clear"> <div class="fr tag">标签:<a href="https://www.eolink.com/news/tags-446.html">安全</a> <a href="https://www.eolink.com/news/tags-1165.html">配置</a> <a href="https://www.eolink.com/news/tags-985.html">文件</a> </div> <div class="bdsharebuttonbox fl share"> <div class="share-widget fl"> <div class="social-share" data-sites="wechat,weibo, qq, qzone"></div> </div> </div> </div> <!-- 广告位ad4 --> <div class="post-navigation clear"> <div class="post-previous fl"> <span>上一篇:</span><a href="https://www.eolink.com/news/post/38194.html">常见的HTTP状态码总结</a> </div> <div class="post-next fr"> <span>下一篇:</span><a href="https://www.eolink.com/news/post/38196.html">Java基础之逻辑运算符知识总结</a> </div> </div> </div> <div class="related_article"> <div class="box_title clear"> <span><i class="icon fa fa-paper-plane"></i>相关文章</span> </div> <div class="related_list clear"> <article class="fl"> <div class="related_img"><a href="https://www.eolink.com/news/post/89100.html"><img src="https://www.eolink.com/news/zb_users/theme/zblog5_news/image/random_img/7.jpg"></a></div> <div class="related_detail"> <h3><a href="https://www.eolink.com/news/post/89100.html" title="java中的接口是类吗">java中的接口是类吗</a></h3> <div class="meta"> <span><i class="fa fa-eye"></i>278</span> <span><i class="fa fa-clock-o"></i>2022-10-23</span> </div> </div> </article> <article class="fl"> <div class="related_img"><a href="https://www.eolink.com/news/post/89090.html"><img src="https://www.eolink.com/news/zb_users/theme/zblog5_news/image/random_img/10.jpg"></a></div> <div class="related_detail"> <h3><a href="https://www.eolink.com/news/post/89090.html" title="Spring中的aware接口详情">Spring中的aware接口详情</a></h3> <div class="meta"> <span><i class="fa fa-eye"></i>278</span> <span><i class="fa fa-clock-o"></i>2022-10-23</span> </div> </div> </article> <article class="fl"> <div class="related_img"><a href="https://www.eolink.com/news/post/89083.html"><img src="https://www.eolink.com/news/zb_users/theme/zblog5_news/image/random_img/3.jpg"></a></div> <div class="related_detail"> <h3><a href="https://www.eolink.com/news/post/89083.html" title="29、OSPF配置实验之被动接口">29、OSPF配置实验之被动接口</a></h3> <div class="meta"> <span><i class="fa fa-eye"></i>278</span> <span><i class="fa fa-clock-o"></i>2022-10-23</span> </div> </div> </article> </div> </div> <div id="comment" class="post-comment clearfix sb br mt"> <p id="comments-title" class="c-title mb bn"><span><i class="fa fa-pencil"></i> 发表评论</span></p> <div class="compost"> <form id="frmSumbit" target="_self" method="post" action="https://www.eolink.com/news/zb_system/cmd.php?act=cmt&postid=38195&key=2d9d867347ed58c1b129180cd416b311"> <input type="hidden" name="inpId" id="inpId" value="38195"/> <input type="hidden" name="inpRevID" id="inpRevID" value="0"/> <div class="com-name"> <a rel="nofollow" id="cancel-reply" href="#comments" style="display:none;">取消回复</a> </div> <div class="com-info"> <ul> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpName" id="inpName" value="" tabindex="2" placeholder="昵称(必填)"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpEmail" id="inpEmail" value="" tabindex="3" placeholder="邮箱"> </li> <li> <span class="hide" for="author"></span> <input class="ipt" type="text" name="inpHomePage" id="inpHomePage" value="" tabindex="4" placeholder="网址"> </li> </ul> </div> <div class="com-box"> <textarea placeholder="来都来了,说点什么吧..." class="textarea" name="txaArticle" id="txaArticle" cols="5" rows="5" tabindex="1"></textarea> </div> <div class="com-info"><button class="com-submit br brightness" name="sumbit" type="submit" tabindex="5" onclick="return zbp.comment.post()">发布评论</button></div> </form> </div> <div class="comment-list mt"> <p class="no-comment"><i class="iconfont icon-sofa"></i> 暂时没有评论,来抢沙发吧~</p> <span id="AjaxCommentBegin"></span> <div class="pagination pagination-multi"> <ul> </ul> </div> <span id="AjaxCommentEnd"></span> </div> </div> </div> </div> <div class="sidebar"> <div id="newmodule" class="part clear 推荐文章"> <div class="top"> <h3 class="title">推荐文章</h3> </div> <div class="side newmodule"><ul><ul class="hot_posts"> <li><h4><a href="https://www.eolink.com/news/post/16753.html" title="接口调用是什么意思?几种常用接口调用方式">接口调用是什么意思?几种常用接口调用方式</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/64809.html" title="接口设计(接口设计原则)">接口设计原则</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/9069.html" title="API接口管理,8 款在线 API 接口文档管理工具;好用!">8款在线 API 接口文档管理工具</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/64179.html" title="api管理系统">api管理系统是什么?</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/17828.html" title="什么是接口调试?接口调试的步骤有哪些?">什么是接口调试?接口调试的步骤有哪些?</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/63728.html" title="api 接口管理系统(接口统一管理平台)">api 接口管理系统有哪些?</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/77372.html" title="接口测试常用测试方法,多线程免费手机短信压力测试,支持云端获取接口">接口测试有几种测试方法</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/43657.html" title="api文档生成(api接口文档系统)">API文档生成工具有哪些?</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/66400.html" title="微服务和api网关区别(微服务网关技术选型)">微服务和api网关区别</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/64163.html" title="交换机配置步骤">交换机配置步骤</a></h4></li></ul></ul></div> </div> <div id="divPrevious" class="part clear previous"> <div class="top"> <h3 class="title">最近发表</h3> </div> <div class="side divPrevious"><ul><li><a title="多平台统一管理软件接口,如何实现多平台统一管理软件接口" href="https://www.eolink.com/news/post/89103.html">多平台统一管理软件接口,如何实现多平台统一管理软件接口</a></li> <li><a title="Flask接口签名sign原理与实例代码浅析" href="https://www.eolink.com/news/post/89102.html">Flask接口签名sign原理与实例代码浅析</a></li> <li><a title="java中的接口是类吗" href="https://www.eolink.com/news/post/89100.html">java中的接口是类吗</a></li> <li><a title="vue项目接口域名动态的获取方法" href="https://www.eolink.com/news/post/89099.html">vue项目接口域名动态的获取方法</a></li> <li><a title="zookeeper python接口实例详解" href="https://www.eolink.com/news/post/89097.html">zookeeper python接口实例详解</a></li> <li><a title="Iterator与LIstIterator接口在java中的区别有哪些" href="https://www.eolink.com/news/post/89096.html">Iterator与LIstIterator接口在java中的区别有哪些</a></li> <li><a title="c#自定义Attribute获取接口实现示例代码" href="https://www.eolink.com/news/post/89095.html">c#自定义Attribute获取接口实现示例代码</a></li> <li><a title="hdml指的是什么接口" href="https://www.eolink.com/news/post/89093.html">hdml指的是什么接口</a></li> <li><a title="分析EBS常用接口表" href="https://www.eolink.com/news/post/89092.html">分析EBS常用接口表</a></li> <li><a title="java 单机接口限流处理方案" href="https://www.eolink.com/news/post/89091.html">java 单机接口限流处理方案</a></li> </ul></div> </div> <div id="hot_posts" class="part clear hot_posts"> <div class="top"> <h3 class="title">热评文章</h3> </div> <ul class="hot_posts"><li><h4><a href="https://www.eolink.com/news/post/15822.html" title="在线接口文档管理工具推荐,支持在线测试,HTTP接口文档">在线接口文档管理工具推荐,支持在线测试,HTTP接口</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/15841.html" title="开源的在线接口文档wiki工具Mindoc的介绍与使用,五款WEB前端工程师高效的在线接口文档管理工具">开源的在线接口文档wiki工具Mindoc的介绍与使</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/17591.html" title="如何优雅的进行接口设计?接口设计的六大原则是什么?">如何优雅的进行接口设计?接口设计的六大原则是什么?</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/16804.html" title="什么是API测试,api检测公司">什么是API测试,api检测公司</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/29017.html" title="遇到百度网址安全中心提醒您该页面可能存在钓鱼欺诈信息的处理解决办法">遇到百度网址安全中心提醒您该页面可能存在钓鱼欺诈信息</a></h4></li><li><h4><a href="https://www.eolink.com/news/post/25723.html" title="软件接口设计怎么做?前后端分离软件接口设计思路">软件接口设计怎么做?前后端分离软件接口设计思路</a></h4></li></ul> </div> </div> </div> </section> </div> <footer class="p-footer"> <div class="contant_box"> <div class="discover_tmt"> <h5 class="" style="font-size: 1px; color: white;">Eolink</h5> <div class="text_box"> <a href="https://www.jiasou.cn/article/" title="toB数字化营销SEO" style="font-size: 1px; color: white;">加搜toBSEO</a> <a href="https://www.finclip.com/news/category-1.html" title="小程序工具" style="font-size: 1px; color: white;">前端框架</a> <a href="https://www.jia-ai.com/info/" title="小红书营销攻略" style="font-size: 1px; color: white;">小红书营销攻略</a> <a href="https://www.yanyin.tech/cms/" title="生物研究资讯" style="font-size: 1px; color: white;">生物研究资讯</a> <a href="https://www.finclip.com/news/" title="FinClip 技术文档" style="font-size: 1px; color: white;">小程序容器帮助中心</a> <a href="https://www.finclip.com/news/article/" title="小程序开发行业洞察" style="font-size: 1px; color: white;">小程序开发行业洞察</a> <a href="https://www.foneplatform.com/jscms/" title="全面预算管理资讯" style="font-size: 1px; color: white;">全面预算管理资讯</a> <a href="https://www.weiling.cn/article/" title="企微SCRM客户管理干货" style="font-size: 1px; color: white;">企微SCRM客户管理干货</a> <a href="https://www.vbasm.com/zh/" title="数据筛选平台" style="font-size: 1px; color: white;">数据筛选平台"</a> </div> </div> <div class="collaboration_box"> </div> <div class="we_img_box clear"> <div class="img_box"> <img src="https://www.eolink.com/news/zb_users/theme/zblog5_news/image/ewm.png" alt="" class="hover_tmt"> </div> </div> </div> <p class="info">© 2023 XWNews <a href="#" target="_blank" rel="nofollow">京ICP备1111040123号-1</a> <span> <a href="https://www.zblogcn.com/">版权归zblog所有</a></span> </p> </footer> <div id="backtop" class="backtop"> <div class="bt-box top"> <i class="fa fa-angle-up fa-2x"></i> </div> </div> <script type='text/javascript' src="https://www.eolink.com/news/zb_users/theme/zblog5_news/script/custom.js"></script> <script type='text/javascript' src="https://www.eolink.com/news/zb_users/theme/zblog5_news/script/nav.js"></script> <link rel="stylesheet" href="https://www.eolink.com/news/zb_users/theme/zblog5_news/share/css/share.min.css"> <script src="https://www.eolink.com/news/zb_users/theme/zblog5_news/share/js/jquery.share.min.js"></script> <!-- Initialize Swiper --> <script> var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination', paginationClickable: true, loop: true, autoplay:2000, nextButton: '.swiper-button-next', prevButton: '.swiper-button-prev', spaceBetween: 30, effect: 'fade', }); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?556b23f3809179e610086ba68e9a0c89"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (()=>{const e="https://analyze.jiasou.cc/api/v1/page_view/report/",n="9e1fab3b60d44b87a9a33c16962df4b1";let t=null;const o=new Proxy({},{get:(e,n)=>localStorage.getItem(window.btoa(n)),set:(e,n,t)=>!!t&&(localStorage.setItem(window.btoa(n),t),!0)});new Promise((t=>{if(o.fingerprint)t();else{const a=function(){var e={};if(e.userAgent=navigator.userAgent||"",e.plugins=[],navigator.plugins&&navigator.plugins.length>0)for(var n=0;n<navigator.plugins.length;n++){var t={name:navigator.plugins[n].name||"",filename:navigator.plugins[n].filename||"",description:navigator.plugins[n].description||""};e.plugins.push(t)}e.languages=navigator.languages||[navigator.language||""],e.timezone=(new Date).getTimezoneOffset(),e.screenResolution={width:window.screen.width||0,height:window.screen.height||0,pixelDepth:window.screen.pixelDepth||0,colorDepth:window.screen.colorDepth||0};var o=document.createElement("canvas").getContext("2d"),a=[],i=["monospace","sans-serif","serif"];for(n=0;n<i.length;n++){var r=i[n];o.font="12px "+r,o.measureText("abcdefghijklmnopqrstuvwxyz0123456789").width>0&&a.push(r)}return e.fonts=a,e.cookieEnabled=navigator.cookieEnabled||!1,e.localStorage=void 0!==window.localStorage,e.sessionStorage=void 0!==window.sessionStorage,e.doNotTrack="1"===navigator.doNotTrack||"1"===window.doNotTrack||"1"===navigator.msDoNotTrack||"yes"===navigator.doNotTrack,e}();fetch(`${e}u/`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({key:n,f:window.btoa(JSON.stringify(a))})}).then((e=>{console.debug("browser fingerprint sent"),200===e.status&&e.json().then((e=>{console.debug("browser fingerprint received",e),o.fingerprint=e.fp,t()}))}))}})).then((()=>{e&&o.fingerprint&&fetch(e+`?${new URLSearchParams({token:n}).toString()}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({c:window.btoa(JSON.stringify({u:o.fingerprint,l:window.location.href,r:document.referrer}))})}).then((e=>{200==e.status&&e.json().then((e=>{e.track_id&&(t=e.track_id)}))}))})),window.addEventListener("beforeunload",(async n=>{t&&fetch(e+`?${new URLSearchParams({track_id:t}).toString()}`,{method:"GET",headers:{"Content-Type":"text/plain"},keepalive:!0}),n.returnValue=""}))})(); </script><script language="javascript" src="https://www.eolink.com/news/zb_users/plugin/ZF_ad/js/index.js?id=434"></script> <script language="javascript" src="https://www.eolink.com/news/zb_users/plugin/ZF_ad/js/ZF_ad__cookie.js"></script> </body> </html><!--100.76 ms , 18 queries , 1738kb memory , 0 error-->