
1. 打开Chrome浏览器,点击菜单栏的“更多工具”,然后选择“开发者工具”。
2. 在开发者工具中,点击顶部的“控制台”按钮,或者按快捷键Ctrl+Shift+J。
3. 在控制台窗口中,输入以下代码:
javascript
console.time('Performance Monitor');
// 在这里添加你想要监控的性能相关的代码
console.timeEnd();
4. 运行这段代码后,控制台会显示一个名为“Performance Monitor”的时间戳。这个时间戳表示从开始监控到当前的时间间隔。
5. 你可以继续在开发者工具中添加其他代码,并使用控制台查看性能数据。例如,你可以添加以下代码来获取CPU使用率、内存使用情况等:
javascript
console.time('CPU Usage');
// 在这里添加你想要监控的CPU相关的代码
console.timeEnd();
console.time('Memory Usage');
// 在这里添加你想要监控的内存相关的代码
console.timeEnd();
6. 通过这些代码,你可以在开发者工具中实时查看Chrome浏览器的性能数据。你还可以修改这些代码,以获取更详细的性能信息,如页面加载时间、渲染时间等。



