如何打开浏览器开发者工具？

什么是浏览器开发工具？简单来说，浏览器开发者工具是专业web应用和网站开发者的工具，可以帮助开发者更好的布局网页。如何在浏览器中打开开发者工具？下面小编就给大家讲讲。

　　步骤如下：

当我们打开浏览器的时候，可以看到浏览器右上角的搜索栏后面有一个显示框，里面有三个点，我们点击这三个点。

点击后，出现如图所示的选择框。我们可以看到这里有更多的工具。用鼠标点击更多工具，也可以使用这个快捷键，如图所示。

点击更多工具后，图中所示的选项列表将出现在左侧。我们可以自己选择开发工具，使用ctrl和shift进行调整。1或者使用f12快捷键来调整开发工具。

打开开发者工具后，我们可以看到网页上显示了另外两个部分，一个是我们html网页的内容代码，另一个是css格式的显示。

在html代码显示部分点击这个三角形，可以展开代码的收缩部分，再次点击三角形隐藏。

我们还可以在网页中选择我们想要查看的文本，然后单击鼠标右键并选择检查选项。右边的开发工具会自动定位我们需要查看的代码的文本部分。

这就是边肖想要分享的。