如何同步注入脚本

How to inject a script synchronously?

本文关键字：注入 脚本 同步 何同步      更新时间：2023-09-26

许多人建议我只使用.onload，并在脚本准备好后启动回调。这对我不起作用。我正在写一个函数，它需要一个元素立即，而不是在以后。这是我得到的：

webdriver.By.sizzle = function(selector) {
    driver.executeScript("if(typeof Sizzle==='undefined'){var s=document.createElement('script');s.type='text/javascript';s.src='https://raw.github.com/jquery/sizzle/master/src/sizzle.js';document.head.appendChild(s);}");
    return new webdriver.By.js("return Sizzle('"+selector.replace(/"/g,'''"')+"')[0]");
};

我想注入Sizzle（如果它还没有包含），然后返回一个HtmlElement。如果需要的话，它可以忙着等待，但它必须返回一个HtmlElement。

这里所有的答案基本上都只是说"不要这样做"，但我想不出其他方法。

这是用于JavaScript的selenium web驱动程序的选择器。

driver.executeScript将接受参数。我想知道我是否可以传入webdriver.promise，并在加载脚本时调用它。。。？我不知道如何兑现承诺。

这里的最佳选择是重新设计/重组代码，以处理Sizzle的异步加载并通过回调函数返回结果。javascript就是这样设计的。它没有同步加载远程资源的"好"方法。

我所知道的同步加载远程资源（如JS文件）的唯一方法是使用阻塞AJAX调用来加载资源（将受到同源限制，因此您必须将其托管在服务器上），然后一旦您将资源加载到内存中，就可以执行它（使其加载）。然后，您可以调用其中定义的函数并返回它们的结果。

这很糟糕的原因是，在加载远程资源时，阻塞ajax调用会将浏览器锁定一段不确定的时间。这种类型的设计不利于用户体验。

我能想到的唯一其他选择是确保在页面加载过程中，已经指定了所有所需的资源，以便在脚本需要它们时已经预加载它们。按需加载远程资源是导致异步问题的原因。

为什么不将sizzle作为页面上的脚本需求。只需粘贴

<script src="sizzle.js"></script>

它会在其他脚本运行之前加载。要动态地执行此操作，只需将脚本附加到头部即可。http://jsfiddle.net/nQePg有一个演示程序，它向您显示在解析和评估注入时脚本执行将停止。

它有点慢，但我想我找到了一个解决方案：

webdriver.By.sizzle = function(selector) {
    driver.executeScript("return typeof Sizzle==='undefined'").then(function(noSizzle) {
        if(noSizzle) driver.executeScript(fs.readFileSync('sizzle.min.js', {encoding: 'utf8'}));
    });
    return new webdriver.By.js("return Sizzle('"+selector.replace(/"/g,'''"')+"')[0]");
};

我刚刚下载了这个脚本，我正在内联地注入整个内容。这样我什么都不用等了。

相关文章：