在网页渲染过程中的什么时候我们可以与该页面进行交互
我想在 HTML 页面渲染过程中测量不同的用户体验点：
- 用户看到页面第一幅画的点
- 用户可以与页面交互的点 - 意味着看到 75% 的页面或实际上可以注册一个页面按钮单击或链接单击
我非常确定这些 UX 交互可以在 HTML 代码完全呈现之前启动，那么该实例是否是 JS 函数“OnLoad”或其他一些不同的可测量值/函数？
如果有帮助的话，我们甚至可以将答案缩小到基于 WebKit 的浏览器。
I'd like to measure to distinct user experience points during the rendering of an HTML page:
- Point which user sees the first painting of the page
- Point at which user can interact with the page - meaning sees 75% of it or can actually register a button click or link click
I am pretty certain these UX interactions can start before the HTML code is fully rendered, so would that instance be the JS func "OnLoad" or some other distinct measureable value/function?
If it helps, we can even narrow the answer down to WebKit based browsers.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
OnLoad 的实现是一件很棘手的事情。我建议使用像 jQuerys
$(document).ready(function(){})这样的预打包解决方案，以保持跨浏览器兼容性。OnLoad is a tricky thing to implement. I would suggest using a prepackaged solution like jQuerys
$(document).ready(function(){})in order to maintain cross browser compatibility.不确定这是否是您正在寻找的，但如果您只是想知道 DOM 树何时加载（这对我来说是“当我们可以与页面交互时”的一个不错的近似），您可以尝试 JavaScript事件 DOMContentReady / 'domReady' 。
Not sure if this is what you're looking for, but if you just want to know when the DOM tree is loaded (which strikes me as a decent approximation of 'when we can interact with the page'), you could try the JavaScript event DOMContentReady / 'domReady'.