打开Chrome浏览器，在地址栏输入要调试的网页地址。按F12键或右键点击页面选择“检查”，打开开发者工具。
在开发者工具界面，能看到多个标签页。其中“Elements”用于查看和修改HTML与CSS，“Console”可运行JavaScript代码并查看输出结果。
若想检查页面元素布局，在“Elements”标签页，通过点击、搜索等方式选中元素，能查看其样式属性，还可修改属性值实时预览效果。
若要调试JavaScript代码，在“Sources”标签页找到脚本文件，设置断点后刷新页面，当执行到断点时暂停，可查看变量值等。
调试完成后，记得保存修改。通过这些步骤，就能使用Chrome浏览器进行Web开发调试了。