iOS UI 自动化等到 Web 视图准备好并呈现

Question

我正在使用 Instruments 创建一个 iOS UI 自动化 javascript，以自动为我的 iOS 应用截取屏幕截图。我用来自动截屏的工具是Snapshot。

我正在为我的应用程序的一部分使用 webview，我想在继续执行脚本的其余部分之前截取完全呈现的 webview 的屏幕截图。 所以目前我的脚本看起来像：

var target = UIATarget.localTarget();
target.frontMostApp().mainWindow().scrollViews()[0].webViews()[0].links()[0].tap();
// take screen shot here
target.frontMostApp().navigationBar().leftButton().tap();

但是当它拍摄屏幕截图时，webview 没有完全渲染，所以它占用了一个空白屏幕并返回到主屏幕。 有没有办法等到 webview 完全加载，然后截屏并继续脚本的其余部分？

Answer 1

您可以使用计算样式，放置一些惰性样式属性（我使用剪辑），并且您可以每隔 1 秒检查一次（如果您使用 css 文件，最好用它创建一个类并在元素上使用该类）。

下面的函数是我用户用来计算样式的。

function getStyle (el, prop) {
    try {
        if (getComputedStyle !== undefined) {
            return getComputedStyle(el, null).getPropertyValue(prop);
        }
        else {
            return el.currentStyle[prop];
        }
    } catch (e) {
        return el.currentStyle[prop];
    }
}

你可以试试的定时器this

请注意，计算样式可能因浏览器而异。

希望对你有帮助...

Answer 2

Illuminator 框架（完全公开，我写的）在其Extensions.js 中提供了一个名为waitForChildExistence() 的函数，它允许您持续评估对元素的引用，直到它实际出现。

你会做这样的事情来等待 webview 加载最多 10 秒：

var webView = target.frontMostApp().mainWindow().scrollViews()[0].webViews()[0];
webView.tap();

webView.waitForChildExistence(10, true, "a specific link in the web view", function(wb) {
    // the argument wb will contain the reference to our var webView
    return wb.links()["the link you are waiting for"];
});

// take screen shot here
target.frontMostApp().navigationBar().leftButton().tap();