如何检测网页何时加载？

在前端开发中，可以使用浏览器提供的一些事件和API来检测网页何时加载。以下是一些常用的方法：

1. 使用window.onload事件：window.onload事件会在整个页面（包括所有资源，如图片、脚本等）加载完成后触发。可以在该事件中执行相关代码。

window.onload = function() {
  // 页面加载完成后执行的代码
};

1. 使用DOMContentLoaded事件：DOMContentLoaded事件会在HTML文档被完全加载和解析完成后触发，不需要等待样式表、图片和子框架的完成加载。可以在该事件中执行相关代码。

document.addEventListener('DOMContentLoaded', function() {
  // 页面加载完成后执行的代码
});

1. 使用performance.timing API：performance.timing API提供了一些关于页面加载时间的信息，可以通过这些信息来计算出页面何时加载。

var loadTime = performance.timing.loadEventEnd - performance.timing.navigationStart;
console.log('页面加载时间：' + loadTime + '毫秒');

1. 使用window.performance.getEntries() API：window.performance.getEntries() API可以获取到页面中所有资源的加载信息，可以通过这些信息来计算出页面何时加载。

var resources = window.performance.getEntries();
resources.forEach(function(resource) {
  console.log(resource.name + ' 加载时间：' + resource.duration + '毫秒');
});

以上是一些常用的方法，可以帮助开发者检测网页何时加载。在实际应用中，可以根据具体需求选择合适的方法。