如何使用 Selenium JavascriptExecutor 将 <script> 添加到 Head 中

Question

总结

我想找到一种方法，使用Selenium 的JavascriptExecutor 将<script> 标签添加到DOM 的头部，或者任何其他方式都可以。

---

我尝试了很多方法，也发现了一些类似的主题，但没有一个能解决我的问题，这就是为什么我觉得有必要在这里提问。

例如：

Suggested solutions in this question 没有解决我的问题。有人说它对他们有用，但不，它不适合我。

---

我一直在尝试执行什么？

这是我要执行的代码的小sn-p：

            WebDriver driver = new FirefoxDriver();
            JavascriptExecutor jse = (JavascriptExecutor) driver;

            jse.executeScript("var s = document.createElement('script');");
            jse.executeScript("s.type = 'text/javascript';");
            jse.executeScript("s.text = 'function foo() {console.log('foo')}';");
            jse.executeScript("window.document.head.appendChild(s);");

我只是跳过了上面的代码，您使用driver.get() 等导航到网页，然后尝试执行脚本。

另外，s.text 将包含我想要使用的实际脚本，所以我只是放了一个 foo() 函数来给出想法。

上面的代码在运行时会抛出这个错误：

Exception in thread "main" org.openqa.selenium.JavascriptException: ReferenceError: s is not defined

---

到目前为止，我已经尝试了所有可以在 Internet 上找到的解决方案，但似乎都没有。

Answer 1

OP 提出了以下解决方案：

jse.executeScript("var s=window.document.createElement('script');" + 
"s.type = 'text/javascript';" + "s.text = function foo() {console.log('foo')};" + 
"window.document.head.appendChild(s);");

Answer 2

首先，此行无效。

    jse.executeScript("s.text = 'function foo() {console.log('foo')}';");

请注意如何将单引号文本括在单引号中。使用一组作为"\""

我个人会这样做（经过编辑使其成为全局函数）：

using OpenQA.Selenium.Support.Extensions;

driver.ExecuteJavascript("window.foo = function foo() {console.log('foo')}");

就这么简单。您正在通过这样做将 foo 注册为方法。执行完这段javascript后，可以手动进入浏览器开发者工具调用“foo()”查看。此外，您可以通过直接在控制台中注册来检查它。只需在浏览器控制台中输入“function foo() {console.log('foo')}”，然后调用“foo()”即可。

无需将此添加为脚本标签。

编辑#2：我修复了我上面的代码建议，以便将该方法分配给窗口，从而可以全局访问，并且在 javascript 执行程序运行代码的匿名脚本之外。这个不起作用的原始问题是至少在我的测试中解决了这个问题。