admin管理员组

文章数量:1529451

刚才在阅读《浏览器工作原理和实践》第六章------HTML、CSS和JavaScript 是如何呈现页面的。这一章节时。文中提到通过“你可以打开 Chrome 的“开发者工具”，选择“Layers”标签，就可以可视化页面的分层情况”，如下图：

于是也想打开chrome中的Layer查看图层，奈何找了半天没找到，经过一番百度，终于找到了。废话不多说，开始：

1、在chrome中任意位置右键点击 ，如下图中的选项（如果是中文版的就是‘检查’这个选项）：

2、进入到chrome开发者工具，见图：

3、进入Layer页面，操作按钮从左至右功能依次为：平移、旋转、复位。见图：

END

本文标签： 工具层级开发者浏览器页面

版权声明：本文标题：如何通过 Chrome 浏览器“开发者工具” 查看 页面层级分布（Layers 工具） 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1726734342a1082538.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。