GoogleChromeWEB开发开发人员工具使用资源-CSDN文库

开发人员工具

4星 · 超过85%的资源需积分: 10 64 浏览量 2012-07-13 12:13:20 上传评论 1 收藏 1.72MB DOCX 举报

资源推荐

资源详情

资源评论

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

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

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

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

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

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

辑、调试以及监控。

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

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

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

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

帮助您的开发：

 准备工作

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

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

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

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

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

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

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

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

准备工作

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

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

器。）

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

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

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

→“开发人员工具”。

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

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

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

剩余22页未读，继续阅读

内容反馈

zhouxun326

2014-09-11

很好用啊，挺不错的

alicejiyayun

粉丝: 192
资源: 7

最新资源

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

feedback-tip