Javascript chrome扩展在页面加载时打开

Javascript chrome扩展在页面加载时打开,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我需要为用户打开的每一个网页创建一个chrome扩展——他将在页面顶部有一个按钮(类似于google translate扩展——它将在页面加载时显示,而无需按下按钮)——点击它将进行一些活动 从我看到的情况来看,这样做的方法是创建一个内容脚本,该脚本将添加一个iframe,其中包括window.onload上的按钮。在我这么做之前,我想确定没有比这更简单的方法了 谢谢。有一个实验性的,但不知道它何时稳定下来 实际上,您确实需要将UI从内容脚本注入到页面DOM中,使用iframe是将UI与页面分开

我需要为用户打开的每一个网页创建一个chrome扩展——他将在页面顶部有一个按钮(类似于google translate扩展——它将在页面加载时显示,而无需按下按钮)——点击它将进行一些活动

从我看到的情况来看,这样做的方法是创建一个内容脚本,该脚本将添加一个iframe,其中包括window.onload上的按钮。在我这么做之前,我想确定没有比这更简单的方法了

谢谢。

有一个实验性的,但不知道它何时稳定下来


实际上,您确实需要将UI从内容脚本注入到页面DOM中,使用
iframe
是将UI与页面分开的一个很好的解决方案。

如果它只是每个页面的一个按钮,那么您可以使用


如果您希望它真正出现在页面中,那么iframe是一个很好的方式。

我认为OP指的是这个扩展:正如您所看到的,它在页面中有一个类似信息栏的UI。我明白了。老实说,我并不真的喜欢页面操作,只是它似乎不是一个直观的地方有一个扩展按钮。它(稍微)从其他扩展中删除,并从页面内容中删除。不管怎么说,我觉得如果OP喜欢这个主意,建议一下也无妨,因为听起来他们只有一个按钮。页面操作的Chrome文档明确表示,如果你想在大多数(所有)页面上执行页面操作,你应该执行浏览器操作。这很有意义。嗨!我决定使用iframe,因为我需要一个大按钮,上面有文本,而图标浏览器操作给出的按钮不够大。但是当我试图在java脚本文件中添加图像(我用它代替了按钮)onclick事件时,它不起作用。。。由于某种原因,当我尝试使用getElementByID时,我得到了null。这是代码:@BilltheLizard:这是一个不同的问题,已经被单独问过了:哇!谢谢@Xan。我将回滚我的编辑。