25 lines
1.0 KiB
Markdown
25 lines
1.0 KiB
Markdown
---
|
||
title: Chrome Developer Tools
|
||
localeTitle: Chrome开发者工具
|
||
---
|
||
## Chrome Firefox开发工具
|
||
|
||
Chrome和Firefox Developer工具可帮助Web开发人员分析网页上的HTML，CSS和Javascript。它们可用于调试，优化代码，检查元素等等。
|
||
|
||
**特征：**
|
||
|
||
* **页面检查器：**查看和编辑页面内容和布局。
|
||
* **Web控制台：**请参阅javascript console.log（）消息和错误
|
||
* **JavaScript调试器：**查看和修改页面上运行的JavaScript
|
||
* **网络监视器：**查看加载页面时发出的网络请求
|
||
* **性能工具：**分析站点使用的计算机资源
|
||
|
||
### 访问开发工具
|
||
|
||
1. 在屏幕顶部的菜单栏中，选择View> Developer> Developer Tools。这些工具将显示在底部，侧面或弹出窗口中。
|
||
2. 在网页上右键单击元素。出现菜单时，选择“检查”。
|
||
|
||
### 更多信息：
|
||
|
||
* [Chrome DevTools](https://developer.chrome.com/devtools)
|
||
* [Firefox开发者工具](https://developer.mozilla.org/en-US/docs/Tools) |