IE开发人员工具之实用功能讲解

F12快捷键调出开发人员工具

一.JS的内容格式化

1.内容较乱的js脚本：

2.勾选下面两项即可进行格式化脚本：自动换行与格式化JS

3.调理清楚的脚本

二：清空控制台

1.右键-》清空

2.console.clear()

三：用控制台代替alert()

当你需要调试代码中的值却又不想中断代码的执行时，我们可以用：

window.console.log("HelloWorld");

在控制台查看。

四：调试JS时的断点快捷键

F9：添加/移除断点

F10：逐过程，即跳过该语句中的方法、表达式等

F11：逐语句调试，即单步调试，会跳入方法、表达式，进行逐语句的跟踪调试

五：选择相应的HTML与之相关的源

1.点击这个

2.获取相应css与html

六：探查器的作用：用来检测各个函数的调用耗时，分析网页性能体验

好牛掰，全是0.00 - -！我网速好，哈哈！

七：网络的作用

1.304的结果，这表明这些数据是直接从缓存中获取

2.200表示顺利的返回了需要的文件

3.404表示该文件不存在

4.503表示服务器暂时不可用

5.500表示服务器发生了内部错误等。

HTTP的请求标头、请求正文、响应标头、响应正文，与该文件下载行为相关的Cookie、发起程序，以及比摘要视图中更加详细的计时信息。也就是说，详细视图已经将浏览器如何与服务器通信的协议层面的信息都展示给我们了，这些信息对于开发人员和调试人员来说无疑是不可多得的好资料，通过它们可以使网站调试工作变得非常轻松。

IE开发人员工具之实用功能讲解相关推荐

Cyber RT开发人员工具
从自动驾驶技术出发,Apollo开发者社区带你一起探索自动驾驶开发的奥秘,给每一位对自动驾驶充满热爱的你带来最实质的帮助,助力你的每一次研发.本文将介绍 Apollo Cyber RT 开发人员工具, ...
浏览器开发人员工具使用初步图解
以下以 www.ibm.com 为例讲解: 打F12,或者在菜单中选择工具-开发人员工具 ,调出开发人员工具面板:如下图: html元素层次的底部显示了当前的层次:如下图:首先是html文档:然后是 ...
IE6,7,8开发人员工具使用详解下(浏览器模式、文本模式、JavaScript调试、探查器)
在上一篇文章IE8"开发人员工具"使用详解上(各级菜单详解) 中,我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了.而IE8开发人员工具更 ...
IE8开发人员工具使用详解下(模式,JS调试,探查器)
在上一篇文章IE8"开发人员工具"使用详解上(各级菜单详解)中,我们详细地讲解了IE8开发人员工具中各个菜单中命令的使用方法,相信很多朋友应该已经使用上了.而IE8开发人员工具更强 ...
IE调试网页之一：F12 开发人员工具简介
F12 开发人员工具是可帮助生成和调试网页的一套工具. 编写出色的网页需要编码知识以及适当的工具来发现和调试难免会出现的问题.Windows Internet Explorer 9 提供所呈现代码的视 ...
IE11 F12 开发人员工具查看 Cookie
参考网址:Using the F12 developer tools in IE11 Step1 : IE11 => F12 打开开发人员工具 Step2:开发人员工具 => 网络F5 ...
利用IE8开发人员工具调试JavaScript脚本
很多朋友梦寐以求的功能呀--JavaScript脚本调试.一直摆脱不掉FireFox,就是因为Firebug实在太好用.虽然利用VS这样航母级的软件也能进行JavaScript脚本的调试 .但是,很 ...
不仅仅是浏览器走近Chrome开发人员工具
Chrome浏览器以其简单.快速.安全.稳定.扩展丰富等特性受到了不少人的喜爱,除了这些特性,Chrome浏览器还提供了非常简单方便的开发人员工具,可以为开发提高效率,加上Chrome浏览器对HTML ...
IE8“开发人员工具”使用详解上(各级菜单详解)
http://www.cnblogs.com/JustinYoung/archive/2009/03/24/kaifarenyuangongju.html 你还没有安装IE8? 如果你是前端开发人员, ...

IE开发人员工具之实用功能讲解

IE开发人员工具之实用功能讲解相关推荐

最新文章

热门文章