1. 打开调试模式：在Chrome浏览器中，点击菜单栏的“更多工具”>“扩展程序”，然后搜索“开发者工具”。在开发者工具中，点击顶部的“控制台”按钮，即可开启调试模式。
2. 使用断点：在代码编辑器中，点击“调试”菜单中的“设置断点”按钮。将光标放在需要设置断点的行号上，然后点击“设置断点”。当程序执行到该行时，程序会暂停并显示当前变量的值。
3. 单步执行：在代码编辑器中，点击“调试”菜单中的“逐行执行”按钮。这将使程序逐行执行，你可以在控制台中查看每一行的输出。
4. 查看内存使用情况：在开发者工具中，点击“控制台”菜单中的“内存”按钮。这将显示当前页面的内存使用情况，包括已使用的内存、剩余内存等。
5. 查看网络请求：在开发者工具中，点击“控制台”菜单中的“网络”按钮。这将显示当前页面的网络请求信息，包括请求类型、请求头、响应头、响应内容等。
6. 查看元素状态：在开发者工具中，点击“控制台”菜单中的“元素”按钮。这将显示当前页面的所有元素及其属性、事件等信息。
7. 查看CSS样式：在开发者工具中，点击“控制台”菜单中的“CSS”按钮。这将显示当前页面的所有CSS规则及其应用的元素。
8. 查看JavaScript代码：在开发者工具中，点击“控制台”菜单中的“JavaScript”按钮。这将显示当前页面的所有JavaScript代码及其作用域。
9. 查看HTML结构：在开发者工具中，点击“控制台”菜单中的“HTML”按钮。这将显示当前页面的HTML结构，包括标签、属性、文本等。
10. 查看Cookies和LocalStorage：在开发者工具中，点击“控制台”菜单中的“Cookies”和“LocalStorage”按钮。这将分别显示当前页面的所有Cookies和LocalStorage数据。
以上就是一些常用的操作技巧，希望对你有所帮助。
