Chrome浏览器以其简单、快速、安全、稳定、扩展丰富等特性受到了不少人的喜爱，除了这些特性，谷歌浏览器还提供了非常简单方便的开发人员工具，可以为开发提高效率，加上Chrome浏览器对HTML5和CSS3的支持度相对比较好，很多web新技术在Chrome浏览器上的呈现效果都很不错，不少web设计和开发人员对Chrome浏览器也情有独钟，不少web设计和开发人员甚至表示Chrome已经成为他们的绝对主力浏览器。

　　今天我们就来看看Chrome浏览器到底提供了怎样方便好用的开发人员工具。

　　我们在Chrome浏览器中打开某个页面，选定网页元素(如通栏、文字、图片等)，按鼠标右键，从右键菜单中选择“审查元素”，就可以打开Chrome浏览器的开发人员工具，快捷键为“Ctrl + Shift + C ”，也可以直接按F12。

　　或者点击Chrome浏览器右上角的“小扳手”按钮，从菜单中选择“工具”，我们就可以从子菜单中看到“编码”、“查看源代码”、“开发人员工具”、“JavaScript控制台”等和开发相关的一些选项。点击“开发人员工具”，也可以打开Chrome浏览器的开发辅助界面。

　　 
左图：按F12打开Chrome开发人员工具　　右图：右键菜单打开Chrome开发人员工具