浏览器之家


Chrome开发人员工具详细介绍

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

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

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

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

深入了解Chrome开发人员工具_天极软件   不仅仅是浏览器 走近Chrome开发人员工具_天极软件
左图:按F12打开Chrome开发人员工具  右图:右键菜单打开Chrome开发人员工具

不仅仅是浏览器 走近Chrome开发人员工具_天极软件

相关推荐

评论

没安装畅言模块