德斯资源网4月2日消息,首先了解Chrome开发人员方法中,调试时采用最多的三个机能网页是:原素(ELements)、控制器(Console)、软件包(Sources),此外还有互联网(Network)等。

  • 原素(Elements):用作查阅或修正HTML原素的特性、CSS特性、监听事件、下例等。
  • 控制器(Console):控制器通常用作继续执行一次性编码,查阅JavaScript对象,查阅调试日志数据或异常数据。
  • 软件包(Sources):该网页用作查阅网页的HTML文档软件包、JavaScript软件包、CSS软件包,此外最重要的是能调试JavaScript软件包,能给JS编码添加下例等。
  • 互联网(Network):互联网网页主要用作查阅header等与互联网连接有关的数据。

1、原素(Elements)

查阅原素编码:页面如图

箭头(或用者用功能键Ctrl+Shift+C)进入可以选择原素模式,接着从网页中可以选择需要查阅的原素,接着能在开发人员方法原素(Elements)一栏中功能定位到该原素软件包的具体文本位置 。

查阅原素特性:可从被功能定位的源代码中查阅部份,如class、src,也可在左边的侧栏中查阅全部的特性,如下表所示图位置查阅

修正原素的编码与特性:可直接双击想要修正的部份,接着就展开修正,或者选中要修正部份后页面单击展开修正,如下表所示图

 

 

注意:这个修正也仅对当前的网页渲染生效,不会修正伺服器的软件包,故而这个机能也是作为调试网页效果而采用。

左边的侧栏个机能的了解:如下表所示图所示

2、控制器(Console)

  • 查阅JS对象的及其特性
  • 继续执行JS语句
  • 查阅控制器日志:当网页的JS编码中采用了console.log()表达式时,该表达式输出的日志数据会在控制器中显示。日志数据通常在开发调试时启用,而当正式上线后,通常会将该表达式去掉。

3、软件包(Sources)其主要机能如下表所示了解

4、互联网(Network)大体机能如下表所示:

  • 关上浏览器,按f12,页面Network,能查阅有关互联网命令数据,记得是关上f12之后再刷新网页才会开始记录的
  • 查阅Network基本数据,命令了哪些地址及每个URL的互联网有关命令数据都能看的到URL,积极响应状态码,积极响应编程语言,积极响应数据大小,积极响应天数
  • 命令URL可展开筛选和进行分类,可以选择不同进行分类,查阅命令URL,方便查找
  • 也能直接Filter搜索查阅有关URL,能输入关键字或者正则表达式展开查阅
  • Waterfall能分割重要的命令费时,查阅具体文本命令费时在哪些地方,鼠标指到有关区域能看到具体文本费时
  • 我们具体文本分析下里面每个各代表什么意思,分别费时多少,通过这个来分析伺服器到底是哪些环节出了问题
  1. Queueing 是排队的意思
  2. Stalled 是阻塞 命令访问该URL的主机是有并发和连接数限制的,必须要等之前的继续执行才能继续执行之后的,这段天数的费时
  3. DNS Lookup 是指域名解析所费天数
  4. Initial connection 初始化连接天数,这里通常是TCP 3次连接握手天数
  5. SSL https特有,是一种协议
  6. Request sent 发送命令所耗用的天数
  7. Waiting 等待积极响应天数,这里通常是最费时的
  8. Content Download 下载文本所需要耗用的天数

命令文档具体文本说明

一共分为四个模块:

  • Header:液晶列出资源的命令url、HTTP方法、积极响应状态码、命令头和积极响应头及它们各自的值、命令参数等等
  • Preview:预览液晶,用作资源的预览。

总结

今天就分享到这里吧,德斯资源网是一个软件分享基地,其中包括微信,红包辅助,淘米购,酒友购,支付宝,青蛙易购,亲聊,潮豆,惠品铺,惊喜淘,易淘淘,佳讯,优享购,年会,乐汇坊,大海盲盒,QQ,多多联盟,新优海淘,淘益购,苹果微信多开,微信分身,安卓微信多开,夜雨,创信等社交平台的功能有秒,避雷,埋雷软件,单透,扫尾,秒抢等一些红包强项外挂功能软件分享。喜欢的请关注收藏,谢谢。