javascript - 如何让 Chrome 扩展在页面加载时自动点击按钮？

Question

我正在尝试创建一个在页面加载时按下按钮的 Google Chrome 扩展程序。通过使用以下代码，我已经能够使用适用于 Internet Explorer 的 VBscript 触发按钮:

IE.Navigate("javascript:changeIframe();")

但是，现在我需要通过扩展程序在 Google Chrome 中执行此操作。但是，该按钮没有 id:

<input type="button" value="Start!" onclick="javascript:changeIframe();">

这是我到目前为止尝试过的方法，但似乎没有任何效果:

window.onload="javascript:changeIframe()";
javascript:changeIframe();
document.getElementById('').click();
document.getElementById('').submit();

.click 和 .submit 似乎没有在 Google-Chrome 的 javascript 中定义？

奇怪的是，当我使用这个脚本时:

javascript:changeIframe();

在 Chrome 的 javascript 控制台中，它会自动按下按钮，一切正常。但是，当我将相同的脚本放入我的 .js 文件时，它不起作用。

我只需要知道我必须在我的 .js 中放入什么，以便在页面加载时自动按下按钮。

Answer 1

执行此操作的传统方法是注入(inject)代码¹:

var scriptNode          = document.createElement ('script');
scriptNode.textContent  = 'changeIframe ();';

document.body.appendChild (scriptNode);

您通常也不必监听 onload，因为默认情况下内容脚本会大致在该点触发。

¹ 扩展 JS 在“孤立的世界”中运行，如果没有一些此处不需要的技巧，则无法与页面的 javascript 交互。