GoogleChrome浏览器开发人员工具教程_ie浏览器开发人员工具打不开 - CSDN文库

开发人员工具

5星 · 超过95%的资源需积分: 9 58 浏览量更新于2023-03-16 评论 2 收藏 1.76MB DOC 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Google Chrome 浏览器开发人员工具，让网页开发变得更轻松

无论是的或者是自带的

，还是的，以及的和的

，他们的宗旨只有一个——帮助程序员方便、更高效地进行网页开发。

作为浏览器中生力军， !"#浏览器$%&' 及以上版本(也自带了丰富的开发

人员工具，让您可以随时随地对任何网页的!、)*+和,进行实时编

辑、调试以及监控。

!"#浏览器开发人员工具不仅仅能帮助您诊断、修复在网页加载、脚本执

行以及页面呈现中出现的问题，还可以帮助您最大限度地了解您的网页或网络应用程

序对 !-. 以及内存的使用情况。

本篇教程将从以下几部分系统地讲解如何使用 !"#浏览器开发人员工具来

帮助您的开发：

 准备工作 

 如何使用元素 (Elements) 面板 

 如何使用资源 (Resources) 面板 

 如何使用脚本 (Scripts) 面板 

 如何使用时间轴 (Timeline) 面板 

 如何使用剖析 (Profiles) 面板 

 如何使用存储 (Storage) 面板 

 如何使用审计 (Audits) 面板 

 如何使用 JavaScript 控制台 (Console) 

准备工作

要开始使用开发人员工具，请先下载 !"# 浏览器 。（如果您想试用最新版

本的的开发人员工具，可以下载开发版或测试版（英文网页） !"#浏览

器。）

在 !"#浏览器安装完成后，您可以打开自己感兴趣的网页或网络应用程序，

然后通过下面任何一种方式进入开发人员工具：

 点击位于浏览器用户界面右上角的“页面”下拉菜单，然后选择“开发人

员”→“开发人员工具”。

 右键点击网页上的任一元素，在弹出菜单中选择“审查元素”。

 在/0或+操作系统上，使用!1"1快捷键打开开发人员工具

（或使用!1"1,直接进入,控制台）。

 在*上，使用!##/11快捷键打开开发人员工具（或使用

!##/11,直接进入,控制台）。

剩余24页未读，继续阅读

评论6

joyhwuang

2013-11-07

内容挺多的，谢谢

czg519125415

粉丝: 2
资源: 10

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈