1. 打开开发者工具：在Chrome浏览器中，点击菜单栏的“More Tools” > “Developer Tools”，或者按快捷键F12，即可打开开发者工具。
2. 切换断点：在开发者工具中，点击“Console”标签页，然后点击“Breakpoints”按钮，可以添加、删除或移动断点。
3. 查看控制台日志：在开发者工具中，点击“Console”标签页，可以查看控制台日志，包括错误信息、警告信息等。
4. 查看网络请求：在开发者工具中，点击“Network”标签页，可以查看当前页面的网络请求，包括请求类型、请求头、响应头、响应内容等。
5. 查看元素：在开发者工具中，点击“Elements”标签页，可以查看当前页面的元素，包括元素类型、属性、值等。
6. 查看CSS样式：在开发者工具中，点击“Styles”标签页，可以查看当前页面的CSS样式，包括类名、属性、值等。
7. 查看JavaScript代码：在开发者工具中，点击“Sources”标签页，可以查看当前页面的JavaScript代码，包括函数名、变量名、注释等。
8. 查看HTML结构：在开发者工具中，点击“Inspector”标签页，可以查看当前页面的HTML结构，包括元素类型、属性、值等。
9. 查看DOM树：在开发者工具中，点击“Tree”标签页，可以查看当前页面的DOM树，包括元素类型、属性、值等。
10. 查看动画效果：在开发者工具中，点击“Animations”标签页，可以查看当前页面的动画效果，包括动画类型、关键帧、缓动函数等。
以上就是一些使用Chrome浏览器网页调试功能的技巧，希望对你有所帮助。
