Question

Chrome 按下 F12 之后出现的功能是做什么用的

Answer 1

开发者工具。
网页开发专业人员用它来调试网页用的，可以显示网页框架结构、样式代码、脚本和整个网页加载的资源，加载用时，本地cookie信息等。Chrome浏览器的开发者工具（F12）还有模拟移动设备的功能，可以在电脑上模拟手机的屏幕大小和手指触摸点击等交互，极大的方便了网页开发人员开发、调试和测试工作。部分前端程序（Javascript）等也可以用这个工具边写边调试，相当于程序员的代码草稿本。
由于组成一个网站的模块框架及代码一般都比较复杂，如果没有这个工具，很多网页脚本冲突或错误就很难找到问题所在，也很难优化网页资源文件，查看加载和性能，微调字体和界面样式，就很难提高一个网页的用户使用体验和外观细节美感。
查看网页资源文件是其中的一项功能，很多人用它来获取这个网页上不能直接下载的图片等资源。