If you're seeing this message, it means we're having trouble loading external resources on our website.

如果你被网页过滤器挡住,请确保域名*.kastatic.org*.kasandbox.org 没有被阻止.

主要内容

用浏览器的编程员的工具

网页开发是非常棘手的。这就是为什么网页开发人员要使用大量工具来帮助他们完成工作的原因—他们总是在寻找新的工具添加到他们的工具箱中。
大多数当代浏览器中包含的浏览器开发工具是大多数开发人员的最爱用的。每个浏览器所提供的工具都不尽相同,但它们其实非常相似。

检查 HTML

有一个好用的工具是能够右键单击网页上的任意元素,并检查该元素的HTML。以下是如何在Chrome里执行此操作的视频:
可汗学院视频播放器

检查 CSS

另一个有用的工具是 CSS 检查器;使用此工具,你可以查看哪些样式应用于某个元素,然后自己可以修改这些样式来预览变化。下面的视频是演示如何在Chrome浏览器里使用这个工具:
可汗学院视频播放器
这些工具可以帮助你理解其他网站的结构,也可以帮助你调试自己的网站。
还有更多的开发工具,但这两个工具会帮助你有一个很好的开始来成为一个更好的网页开发人员。尝试检查这个网页上的某个元素,看看你能发现什么!

想加入讨论吗?

尚无帖子。
你会英语吗?单击此处查看更多可汗学院英文版的讨论.