f12开发者工具怎么使用

如何使用浏览器的F12开发者工具调试页面？

首先打开F12，图上右上角有一个小鼠标箭头图标和一个小手机图标。我们用鼠标小鼠标箭头图标然后点击选择网页中的内容，这时候就会在开发者工具中看见该选中的内容样式显示出来。选择网页中的内容可以是一串文字也可以是一张图片或者一个块级元素。点击小手机图标，开发者工具会将页面模式换成模拟手机浏览的状态，如上图图中正上方可选择市场主流的不同品牌手机和不同的分辨率样式来进行页面查看，从而观察页面在不同手机不同分辨率下的显示效果。