问题标签 [domcontentloaded]

我需要建立一个关于网页的 DOMContentLoaded 的直方图。当我使用 BigQuery 时，我注意到除了密度之外，还有 2 个属性（开始、结束）。在我的脑海中应该只有 1 个属性，DOMContentLoaded事件仅在 DOM 加载时触发。

任何人都可以帮助澄清.start和.stop的区别吗？这些属性之间总是有 100 毫秒的差异（如果start = X ms，则stop = X+100 ms。请参阅下面发布的查询示例。

我无法理解这些属性究竟代表什么：

dom_content_loaded.histogram.bin.START

和

dom_content_loaded.histogram.bin.END

Q : 其中哪一个代表 DOMContentLoaded 事件在用户浏览器中触发的时间？

输出：

在加载了许多脚本的复杂页面上工作。只有在 Chrome 中，显然是随机的，DOMContentLoaded 事件不会触发并且 document.readyState 保持在“加载”状态

如何确定是什么导致浏览器卡在这种情况下？

奇怪的是文档末尾的资产（js）被加载但没有出现在元素选项卡上。

我正在创建一个网站，它可以防止在链接点击时正常页面重新加载，而是获取内容并切换 DIV（一种 SPA）的 innerHTML。

我面临一个我似乎无法解决的问题，例如：

如果您单击“关于”链接，我会获取 about.php 并将其内容插入到我的 DIV 容器中（内容只是 HTML）。现在我将有几个 php 文件，其中一些包含滑块或画廊等，我会在其中触发诸如“startSlideShow();”之类的函数。在“DOMContentLoaded”事件之后。你可以猜到，这些函数不会触发。

我尝试在每次路由更改时分派事件“DOMContentLoaded”，如下所示：

但这没有帮助。对于“单击”或“更改”等事件，我可以通过将我的事件处理程序附加到我的 DIV 容器来使用事件委托......但是在这种情况下如何处理“DOMContentLoaded”事件？我只使用香草js。-> 如果有什么不清楚的地方，请告诉我！

我正在使用 Safari App Extension 将我的 WebExtension 移植到 Safari。

我的扩展是 DOM 中的 iframe 注入，所以我想将类似这个注入脚本的东西加载为SFSafariContentScript.

问题是DOMContentLoaded当我的 iframe 被注入时，事件似乎再次被触发，从而导致无限循环。

这种行为似乎与您对具有两个文件的简单注入脚本所期望的不同，index.html并且index.js按预期工作。

如果我在我的 Safari 应用程序扩展中替换addEventListener几setTimeout秒钟，我的扩展被正确注入并且运行良好，但选择任意时间注入 iframe 对我来说感觉很脏。

如何使用 Safari App Extensions 将 iframe 正确注入 DOM？

所以我想用这个代码调用一个函数 Local.getThis onload：

但是什么都没有发生，没有错误。但是当我将“getThis”更改为 STATIC 时，它可以工作（输出：[]）。它需要是静态的吗？

附言

设置后 = []; 我收到一个错误

在下一次重新加载时，但我猜这可能是另一个问题。

编辑：

为了记录错误与此有关localStorage.setItem('that', that);，它当然应该是localStorage.setItem('that', JSON.stringify(that));

我正在构建小型浏览器应用程序，作为我第一个使用更新的 Web 技术的有趣项目（新的，当你考虑到我上次真正使用 JS/PHP/CSS/HTML 大约是 10 年前）。我想创建一个主题切换器。这很容易做到，但我希望将用户选择存储在 localStorage 中，这是我的问题。显然我希望能够尽快设置页面样式（通过在 body 元素上设置类），所以 DOMContentLoaded 事件应该是执行此操作的正确时间，但此时我可以使用 localStorage 吗？仅对其进行测试可能会很困难，因为要加载的内容不多，它可能始终可以工作，直到发生意外情况并且不会。我只是想确定，我是否必须等待完整的文档加载。

附言

我知道通过 cookie 管理服务器端设置会更容易，但出于某种原因，我正在使用动态生成的静态页面（服务器一旦有任何新的工作需要处理就会生成静态页面，并且用户只加载静态 html 文件而没有任何实时内容生成），所以我不能走这条路。

我正在打开一个弹出窗口

这里http://my.private.url/resource指向一个返回简单 html 页面的服务。

popup 对象不为空，我可以访问 popup.document 属性。

当服务返回的 html 页面“就绪”时，“开启者”希望得到通知。所以我做了

问题是：没有触发“DOMContentLoaded”事件。

我正在使用谷歌浏览器 73

这里没有同源策略错误，因为打开的 url 与打开脚本同源。

任何想法？谢谢，加油

DOMContentLoaded我最初使用with编写了一堆代码addEventListener，然后attachEvent，onreadystatechange/(doScroll)用于旧的 IE / Opera，并回退到window.onload = function(){...}. 但仔细想想，似乎有一个更简单的方法：只需检查 if document.bodyis not nullor undefined。除了没有Event可用的对象之外，使用这种方法还有什么注意事项吗？因为到目前为止，这作为一种简单的方法非常有效：

您好我正在尝试显示加载程序部分。在页面加载期间哪个部分将增加 0 到 100%。为此，我尝试了下面的代码。问题是当我尝试使用浏览器缓存进行页面软重新加载时，屏幕没有从底部移动到顶部（高度为 0% 到 100%）。

但是在删除浏览器缓存后进行硬刷新就可以了。

JSFIDDLE LINK 如下实现这样 https://fillinglife.co/

我的网站https://homegift.vn存在性能问题：DOMContentLoaded 仅 2 秒，但favicon.ico总是在 20 秒后加载。

注意：

• 这以前没有发生过，我还没有更新代码。

• 网站资产全部优化，可以快速加载。

• 所有页面都会发生这种情况（DOM 可能更快或更慢，但所有加载总是在 21 秒后使用 favicon 完成）。

我试图删除所有缓慢的资源和第三方内容，如 Facebook。