Chrome浏览器网页元素调试与优化插件的使用方法如下：
1. 安装插件：首先，你需要在Chrome浏览器中安装一个名为“开发者工具”的插件。你可以从Chrome网上应用店（Google Chrome Web Store）下载并安装这个插件。
2. 打开开发者工具：安装插件后，你可以通过点击浏览器右上角的三个点按钮（或按F12键）来打开开发者工具。
3. 选择要调试的元素：在开发者工具中，你可以看到多个选项卡，包括“Elements”（元素）、“Network”（网络）和“Console”（控制台）。你可以选择你想要调试的元素，通常是HTML、CSS或JavaScript代码。
4. 设置断点：如果你想要查看某个特定代码行的效果，你可以在该行代码前设置一个断点。方法是在该行代码前单击鼠标左键，然后按住Shift键不放，再单击鼠标右键。这将在代码行的下方添加一个红色的三角形标记，表示你已经设置了断点。
5. 单步执行：当你设置好断点后，你可以使用箭头键或Enter键来单步执行代码。每次执行到断点时，控制台将显示当前行代码的值。
6. 查看元素状态：在开发者工具中，你还可以使用“Elements”选项卡来查看元素的详细信息，如属性、事件等。
7. 优化页面：除了调试功能外，开发者工具还提供了一些优化页面的功能。例如，你可以使用“Performance”选项卡来分析页面的性能瓶颈，或者使用“Sources”选项卡来查看和修改源代码。
8. 保存和导出：最后，你可以使用“File”菜单中的“Save All”或“Export”功能来保存或导出你的调试结果。