7chrome开发者工具一览本章未完待续_第1页
7chrome开发者工具一览本章未完待续_第2页
7chrome开发者工具一览本章未完待续_第3页
7chrome开发者工具一览本章未完待续_第4页
7chrome开发者工具一览本章未完待续_第5页
已阅读5页，还剩5页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

开发者具，可谓是浏览器的本节课我们就来学开发具的各类栏目介总打开浏览器，使用12打开开发者具，如图：图中右侧圈红的部分，就是开发者开发者具的位置可以自定义，点击红框右角×左边的个点，可选右侧悬停、左侧悬停、底部悬停，以栏中展示的内容，就是浏览器加载网页并渲染之后的页面，从这个栏中，可以看到完整的HML内容，如图栏的内容，也就是绿色框框中的部分，是可以展开和收缩的，方便查找并且在鼠标悬停到某个dv的时候，左侧的网页对应的元素也会被标记特定颜中底部的红色框，是搜索框，按Cr可以弹搜索框搜索框支持字符串搜索、Seecor选择器搜索、Xpah语法搜索，非常强大黄色框左边的图标，一个箭头一个正方形框，是选择器，单击选择器然后选择网页的显示效果，例如登录，绿色框中会自动的切换至对应的代码如图首先打开控制端，如：还有一个就是我们节课的JS函数代码，逻辑是取的明文、加密明文、密文赋值等，因为都是JS代码的控制，所以这里也可以实现操作如图Sources先图： 击Prey-prn按钮，这个JS文件的代码就会变得非常的好看，如图：JS在学习任何语言的时候，都会学习Debug ewo栏的要作就 打开开发者具，自动的记录在开发者具打开之后的所有网络请求记录，如础操作是在数据请求之前清空记录并且开始记录，数据加载完成之后停止记录，从这段时间之内的所有记录中，翻找我要的请求记录信然这些选择是请求类型分类，同时和时间轴区域相作用，展示前时间轴区域中，对应类型的请还有一个结构，就是请求数据，这个图中没有，但是提交数据肯定会有，面就是一个带有请求数据的请求记录，如最后我会给大家录制一段展示开发者具网络栏的使用，以时间轴区域的选择（大家记得看一节补充内容）总端页面的内容，离不开浏览器的开发者具 构J调试析你需要

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论