怎样使用IE11中的浏览器F12 开发人员工具

使用 F12 开发人员工具,你可以调试、测试网页并加快其速度,微调 CSS 布局,查找内存泄漏。
在 IE11 中, F12 工具比之前IE版本变化较大,具有全新的 UI 和新功能性,可以更快、更轻松地进行开发和调试。
在键盘上按“F12”键以打开工具。

功能

  • 01

    DOM 资源管理器 DOM 资源管理器工具显示了在浏览器中渲染网页时网页的结构,并使在活动页中编辑 HTML 和样式的操作成为可能。不必编辑或重新加载源,即可执行此操作,以便你可以快速解决显示问题或试用新思路。

  • 02

    控制台 “控制台”工具提供了与运行代码交互、使用控制台的命令行发送信息和使用控制台调试 API 获取信息的方式。“控制台”工具对开发人员而言非常有用,我们已使其更易于获得。现在你可以使用 UI 右上角“帮助”按钮旁边的“控制台”按钮或按 CTRL + `在任何其他工具的底部打开它。

  • 03

    调试器 使用“调试器”工具检查代码的作用、代码执行时间及其执行方式。在执行过程中暂停代码,逐行操作代码,然后查看每个步骤中变量和对象的状态。

  • 04

    网络 “网络”工具提供了涉及加载和网页操作的任何网络请求的详细信息。

  • 05

    UI 响应能力 “UI 响应能力”工具可帮助你在页面速度减慢时了解出了什么问题。使用它分析速度缓慢的特定点可显示导致这些问题的操作。

  • 06

    探查器 “探查器”工具是 JavaScript 速度的单纯计量工具,向你显示了在分析会话过程中调用的函数、调用次数以及完成所需的时间。

  • 07

    内存 “内存”工具跟踪网页的内存使用情况,帮助你标识何处的内存使用处于增长趋势、增长原因以及如何修复它。

  • 08

    模拟 “模拟”工具可帮助你测试你的网页在不同屏幕大小和硬件功能上的运行方式,以及它们如何响应不同的用户代理字符串。“模拟”工具在 IE11 中是 F12 工具的新增工具

(0)

相关推荐

  • IE浏览器开发人员工具中实用的"小工具"

    自IE8浏览器开始,微软在IE中内置了开发人员工具,一般用户而言大概很少在使用吧?不过小编要说的,虽然这是一款开发人员工具,但是里面却有很多实用的“小工具”噢! 按一下键盘上F12可以打开或关闭该工具 ...

  • IE9开发人员工具"网络捕获"功能详解

    在IE7时代,微软推出了一款叫做“开发人员工具”的工具栏,下载安装之后,可以在IE中更方便的分析HTML代码,了解网页中各个元素的属性、样式等信息,对开发人员调试网页来说特别方便。由于这个功能让IE除 ...

  • IE9开发人员工具"网络捕获"有什么功能

    网络上存在着各种各样的网站,其中从来都不缺少优秀者.在我们使用丰富多彩的网络应用时,往往想要探寻一下某个别出心裁的功能是如何通实现的,或者想要看看某段音乐或视频的下载地址.在以前,我们可以直接查看网页 ...

  • IE8开发人员工具无法弹出的解决方法

    经常使用IE8开发工具的开发人员可能会遇到这么一种去情况:按F12时任务栏里出现开发人员工具的任务,但是开发人员工具窗体不弹出,也不出现在IE8里,重装IE88后还是存在此问题。 在网络上看到也经常看 ...

  • IE8开发人员工具无法使用的解决方法

    经常使用IE8开发工具的开发人员可能会遇到这么一种去情况:按F12时任务栏里出现开发人员工具的任务,但是开发人员工具窗体不弹出,也不出现在IE8里,重装IE88后还是存在此问题。 在网络上看到也经常看 ...

  • IE9中的“浏览器模式”和“文档模式”

    最新的IE9继续向W3C的标准靠拢的同时,为了能够兼容为IE6/7/8所设计的网页,IE9中的"兼容性视图"功能又做了什么改变呢?这就是本文要介绍的内容. 但为了了解"兼 ...

  • 荣耀手机怎么把开发人员选项设置隐藏

    用过安卓系统手机的朋友知道有个开发人员选项功能,以前的的安卓系统手机的开发人员选项是默认公开的显示设置选项.现在荣耀手机把这个功能隐藏掉了,只需要操作方法正确才能显示开发人员选项这个功能.那么显示这个 ...

  • 开发人员使数据库面临十大方面风险

    操作方法 01 虽然这种对关键数据的简易访问已经极大地提高了工作人员的效率,并提高了顾客的购买欲,但它也为关键数据库打开了巨大的风险之门.不幸的是,许多风险是由缺乏资源的开发人员带来的,他们往往无法得 ...

  • Win10系统打开IE11浏览器F12控制台出现空白问题的两种解决方法

    近来有不少朋友反馈自己遇到了IE11 F12 控制台空白的情况,这该怎么办呢?下面就随我们的小编看看具体解决方法. 解决方法一: 点击工具,然后选择选项-高级-重置,刷新下网页. 解决方法二: 如果第 ...