
1. 打开Chrome浏览器,点击菜单栏的“工具”选项。
2. 在下拉菜单中选择“开发者工具”。
3. 在开发者工具中,点击左侧的“控制台”选项卡。
4. 在控制台中输入以下代码:
javascript
console.time('Page load');
// 在这里添加需要监控的代码
console.timeEnd('Page load');
这段代码会在每次页面加载时记录开始时间,并在加载完成后记录结束时间。通过比较开始时间和结束时间,可以计算出页面加载所需的时间。
5. 在需要监控的代码中,使用`console.time()`和`console.timeEnd()`来记录开始和结束时间。例如:
javascript
console.time('Page load');
// 在这里添加需要监控的代码
console.timeEnd('Page load');
6. 点击菜单栏的“控制台”选项卡,查看监控结果。在控制台中,可以看到每个函数调用的时间消耗,以及整个页面加载所需的总时间。
7. 如果需要更详细的性能分析,可以使用Chrome浏览器的开发者工具中的“Performance”面板。在“Performance”面板中,可以设置断点、查看CPU和内存使用情况等。



