浏览器的F12相关知识点

摘要:
I HTTP状态代码:状态代码响应类型原因短语1XX信息状态代码服务器正在处理请求2XX成功状态代码请求已正常处理3XX重定向状态代码完成请求需要其他操作4XX客户端错误状态代码客户端导致服务器无法处理请求5XX服务器错误状态代码服务器在处理请求时出错。从1开始-消息提示

一、HTTP状态码:

状态码

响应类别

原因短语

1XX

信息性状态码(Informational)

服务器正在处理请求

2XX

成功状态码(Success)

请求已正常处理完毕

3XX

重定向状态码(Redirection)

需要进行额外操作以完成请求

4XX

客户端错误状态码(Client Error)

客户端原因导致服务器无法处理请求

5XX

服务器错误状态码(Server Error)

服务器原因导致处理请求出错

1开头 - 信息提示 这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个 1xx 响应。

100 - Continue 初始的请求已经接受,客户应当继续发送请求的其余部分

101 - Switching Protocols 服务器将遵从客户的请求转换到另外一种协议

2开头 (请求成功)表示成功处理了请求的状态代码。

200   (成功)  服务器已成功处理了请求。 通常,这表示服务器提供了请求的网页。

201   (已创建)  请求成功并且服务器创建了新的资源。

202   (已接受)  服务器已接受请求,但尚未处理。

203   (非授权信息)  服务器已成功处理了请求,但返回的信息可能来自另一来源。

204   (无内容)  服务器成功处理了请求,但没有返回任何内容。

205   (重置内容) 服务器成功处理了请求,但没有返回任何内容。

206   (部分内容)  服务器成功处理了部分 GET 请求。

3开头 (请求被重定向)表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。

300   (多种选择)  针对请求,服务器可执行多种操作。 服务器可根据请求者 (user agent) 选择一项操作,或提供操作列表供请求者选择。

301   (永久移动)  请求的网页已永久移动到新位置。 服务器返回此响应(对 GET HEAD 请求的响应)时,会自动将请求者转到新位置。

302   (临时移动)  服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。

303   (查看其他位置) 请求者应当对不同的位置使用单独的 GET 请求来检索响应时,服务器返回此代码。

304   (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容。

305   (使用代理) 请求者只能使用代理访问请求的网页。 如果服务器返回此响应,还表示请求者应使用代理。

307   (临时重定向)  服务器目前从不同位置的网页响应请求,但请求者应继续使用原有位置来进行以后的请求。

4开头 (请求错误)这些状态代码表示请求可能出错,妨碍了服务器的处理。

400   (错误请求) 服务器不理解请求的语法。

401   (未授权) 请求要求身份验证。 对于需要登录的网页,服务器可能返回此响应。

403   (禁止) 服务器拒绝请求。

404   (未找到) 服务器找不到请求的网页。

405   (方法禁用) 禁用请求中指定的方法。

406   (不接受) 无法使用请求的内容特性响应请求的网页。

407   (需要代理授权) 此状态代码与 401(未授权)类似,但指定请求者应当授权使用代理。

408   (请求超时)  服务器等候请求时发生超时。

409   (冲突)  服务器在完成请求时发生冲突。 服务器必须在响应中包含有关冲突的信息。

410   (已删除)  如果请求的资源已永久删除,服务器就会返回此响应。

411   (需要有效长度) 服务器不接受不含有效内容长度标头字段的请求。

412   (未满足前提条件) 服务器未满足请求者在请求中设置的其中一个前提条件。

413   (请求实体过大) 服务器无法处理请求,因为请求实体过大,超出服务器的处理能力。

414   (请求的 URI 过长) 请求的 URI(通常为网址)过长,服务器无法处理。

415   (不支持的媒体类型) 请求的格式不受请求页面的支持。

416   (请求范围不符合要求) 如果页面无法提供请求的范围,则服务器会返回此状态代码。

417   (未满足期望值) 服务器未满足"期望"请求标头字段的要求。

5开头(服务器错误)这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误,而不是请求出错。

500   (服务器内部错误)  服务器遇到错误,无法完成请求。

501   (尚未实施) 服务器不具备完成请求的功能。 例如,服务器无法识别请求方法时可能会返回此代码。

502   (错误网关) 服务器作为网关或代理,从上游服务器收到无效响应。

503   (服务不可用) 服务器目前无法使用(由于超载或停机维护)。 通常,这只是暂时状态。

504   (网关超时)  服务器作为网关或代理,但是没有及时从上游服务器收到请求。

505   HTTP 版本不受支持) 服务器不支持请求中所用的 HTTP 协议版本。

 二、F12的功能简单介绍

 

前台的bug通常是功能、界面和兼容性等有关。后台的bug与性能和安全性有关。

 

F12或右键审查元素,可查看到ElementsResourcesNetworkConsoleTimelineProfilessourcesSecurityAudits,其中ElementsResourcesNetworkConsole这四个标签页用得比较多

Elements查看、编辑页面上的元素,包括HTMLCSS查看与编辑;可以直接在某个元素上双击修改元素的属性,或者点键选"Edit as Html"直接对元素的HTML进行编辑,或者删除某个元素,所有的修改都会即时在页面上得到呈现

Resconsole查看报错信息,即可以查看到请求的资源情况,包括CSSJS、图片等的内容,同时还可以查看到存储相关的如CookiesHTML5DatabaseLocalStore等,你可以对存储的内容编辑和删除

Network看到请求响应(Preview可以看到响应的结果数据,分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容,Network我们测试人员最需要看的标签;

如:Headers可以看到请求的地址,请求的方式,请求体结果等信息;

Preivew Response结果中可以看到返回的数据字段、值);

Timing网络请求的时间响应情况

Network下的这个搜索框可直接Filter搜索查询相关URL,或者可以输入关键字或者正则表达式进行查询;

下方一栏是请求URL可进行筛选和分类,选择不同分类,查看请求URL,方便查找

Console就是Javascript控制台;除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外,还可以当作Javascript API查看用。 例如我想查看console都有哪些方法和属性,我可以直接在Console中输入"console"并执行就可以查看了

Timeline指的JS执行时间、页面元素渲染时间;

Profiles这个主要是做性能优化的,包括查看CPU执行时间与内存占用

Sources查看对应报错的资源文件

Audits这个对于优化前端页面、加速网页加载速度很有用;点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了

前台bug可注意以下三个方面:

  (1)网站前台的权限控制:没有权限的用户是不能直接输入url的方式来进行访问的,必须进行登录。以后涉及到权限的测试,一定不能漏掉url的方式也需要验证一下。而在单个页面进行W3C测试时则需要去掉该权限控制。

  (2)网站前台的title,对于这个也很容易忽视。进入到不同的功能页面,title显示应该是有,并且要和你进入的页面一致。title就是在浏览器最左上角看到的那些文字

  (3httphttps的注意点:https是一种安全链接,它是需要证书的,而http就是普通链接,所以在你的系统中客户会要求某些关键的地方希望加上这种安全连接,那么此时你需要注意的是,对于不需要的安全链接的地方千万也要去重点测试,有些开发会很容易忽略这一点。

  你要打开HTTPS开头的网站,前提是该网站安装了SSL证书,只有安装了SSL证书的网站,并且开启了443端口,你才可以通过HTTPS加密协议无访问。如果没有则不能访问。

  你可要测试,比如在某个网站http协议后面加个s去访问,看能否访问成功,能成功,会显示绿色安全小锁,否则就不能访问。

免责声明:文章转载自《浏览器的F12相关知识点》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇杯酒人生 —— 且将新酒试新茶JPA-一对多关系下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CVE-2017-12617 Tomcat 远程代码执行

0×00前情提要 Apache Tomcat团队10月3日宣布,如果配置了默认servlet,则在9.0.1(Beta),8.5.23,8.0.47和7.0.82之前的所有Tomcat版本都包含所有操作系统上的潜在危险的远程执行代码(RCE)漏洞,CVE-2017-12617:远程代码执行漏洞。 只需参数readonly设置为false或者使用参数read...

死锁(Deadlock)

死锁:是指是指两个或两个以上的进程在执行过程中,因争夺资源而造成的一种互相等待的现象,若无外力作用,它们都将无法推进下去。此时称系统处于死锁状态或系统产生了死锁,这些永远在互相等待的进程称为死锁进程。 未完待续、、、 如上图,死锁的状况:资源R1的拥有者,需要P2的资源,才能完成工作;P2资源的拥有者,需要R2;R2的拥有者,需要P1,P1的拥有者,在等...

如何退出正在Sleep的线程

    今天有个同事问我Thread的Interrupe方法,这个方法用于终止另一个正在等待(Sleep/Wait/Join)状态的线程,如果那个线程未处于等待状态,则等到下次进入等待状态时再抛出。     这个方法的平时用的机会其实并不大,由于需要线程处于等待状态,很大程度上限制了使用的机会,因此问了下同事实际的使用场景,原来是某些线程进入了长时间的Sl...

Thinkpad 笔记本待机亮度变低解决办法

        当你发现笔记本从待机恢复后,屏幕亮度变低,即使你调节亮度,它也很低而且亮度并不正常的。解决办法就是拔掉电源,然后重新插上,亮度就能恢复。当然我之前都是重启电脑解决。         但是,有的时候却不会变低。这是为什么呢?大家可以做这样一个实验:在待机的时候,笔记本有插电源和不插电源之分,插电源代表A,不插电源代表B。从待机恢复也有插电源和...

关于vue-router中点击浏览器前进后退地址栏路由变了但是页面没跳转

情景: 在进行正常页面跳转操作后(页面A跳转到页面B),点击浏览器的左上角的‘后退’按钮,点击后,可以看到url地址已经发生了变化(url由页面B变为页面A),hash值也已经是上一页的路由,但是浏览器显示的内容却没有发生变化(依旧是页面B)。 没有任何报错(页面A和页面B无任何js错误或者兼容性错误)。 若有错误也会导致页面跳转不成功,页面依旧是当前页面...

Nginx TCP和UDP负载均衡

Nginx TCP和UDP负载 1 介绍 负载均衡是指有效的通过多个后端服务器分发网络流量。 Nginx能代理和负载均衡TCP、UDP通信。TCP(传输控制协议)、UDP(用户数据包协议)是许多流行应用程序和服务的协议,例如LDAP、MySQL和RTMP使用TCP协议,DNS、syslog和RADIUS 2 需要 使用--with-stream配置标记...