前端-chrome开发者工具

只要安装了谷歌浏览器，就可以使用Google Chrome开发者工具了

Google Chrome开发者工具是内嵌到浏览器的开发工具

打开方式:按F12

主要介绍以下三个常用功能，其他自行查资料

1、Elements

Elements这个就比如页面的每个元素吧，比如这个图片，可以通过Elements找到，点击箭头，然后选择自己想要查看要素或位置，Elements会跳转到相应的实现代码

2、Console

Console可以查看网页运行后提示的消息，错误或者警告以及输出内容等，js代码中或者Console台直接添加console.log("输出内容")；或者console.debug("输出内容")，就可以在Console台看到输出的内容

3、模拟移动设备

本机chrome版本:56（版本不同，略有差异）