Chrome扩展程序：页面加载速度比扩展程序代码快

Question

我正在开发需要在页面加载后更新页面文本的扩展程序。 我在“ content_script ”中使用window.onload 。

由于需要大量测试更改，因此我决定创建一个包含几段文本的小页面 ，并将其放入Web服务器。 但是，当该页面加载时-扩展程序的window.onload不会触发 ，它在任何其他互联网页面上都正常运行。

我开始调查 ，发现这是由于页面加载速度所致 。 因此，基本上页面加载比扩展代码更快 。

通过在链接到外部站点的正文上添加背景图像进行了验证 。 像这样：

body
{
    background: url(http://colourunity.com/img/2013/07/autumn-wallpaper-computer-14172-hd-widescreen-wallpapers.jpg) no-repeat;
}

因此，页面的加载速度变慢 ，扩展名有足够的时间来加载和window.onload triggers 。

当然，我不必担心扩展工作，因为页面加载速度如此之快的情况很少见。

但仍然-是否有任何方法可以绕过这个？

谢谢。

Answer 1

内容脚本的window对象与页面中的window对象不同。 从内容脚本文档中 ：

值得注意的是页面和扩展共享的JavaScript对象会发生什么，例如window.onload事件。 每个孤立的世界都会看到自己的对象版本。

因此，在您的内容脚本中侦听此事件将无法按您的意图进行，因为这不是您想要的事件。

无论如何都没关系：您可以通过run_at选项指定在run_at执行脚本。 例如，如果选择在document_idle上运行它，那么可以确保它在页面的window.onload事件之后执行。

换句话说，您可以简单地停止使用window.onload事件，然后直接运行所需的代码。