Javascript 在绘制页面之前运行chrome Extensions内容脚本_Javascript_Jquery_Google Chrome Extension

Javascript 在绘制页面之前运行chrome Extensions内容脚本

javascript jquery google-chrome-extension

Javascript 在绘制页面之前运行chrome Extensions内容脚本,javascript,jquery,google-chrome-extension,Javascript,Jquery,Google Chrome Extension,我正在开发一个chrome扩展，它扩展了一个站点，添加了额外的菜单项等等。我希望内容脚本在绘制DOM之前运行，否则用户会以一种非常显著的方式看到内容弹出我已经在清单中设置了run_at，它将在使用document_开始绘制之前加载，问题是我需要访问DOM，并且在它出现之前触发也许更简单的说法是，我正在寻找一种方法，在加载dom或加载dom的特定部分但在呈现之前修改dom。您的脚本可以侦听DomContentLoaded事件，然后使用加载的dom进行操作。查看如何创建这样的事件处理程序。一个可

我正在开发一个chrome扩展，它扩展了一个站点，添加了额外的菜单项等等。我希望内容脚本在绘制DOM之前运行，否则用户会以一种非常显著的方式看到内容弹出

我已经在清单中设置了run_at，它将在使用document_开始绘制之前加载，问题是我需要访问DOM，并且在它出现之前触发

也许更简单的说法是，我正在寻找一种方法，在加载dom或加载dom的特定部分但在呈现之前修改dom。

您的脚本可以侦听DomContentLoaded事件，然后使用加载的dom进行操作。查看如何创建这样的事件处理程序。

一个可能的想法是使用JQuery hover，这样菜单将不可见，除非它们悬停在某个DOM元素上

YouTube上的这个家伙真聪明，你可能会发现他的幻灯片动画教程很有用：

试图挤进接收DOM节点和渲染DOM节点之间的空隙可能是没有希望的

一种可能的解决方案是添加一个纯不透明白色的完整页面覆盖，或者添加一些更具信息性的内容，例如加载document\u在加载DOM时开始屏蔽页面，然后将DOM插入$document.ready，然后删除覆盖