javascript - 如何在 Chrome devtool 控制台上触发点击事件？

Question

如何使用 Chrome-devtool 的控制台来测试我的 javascript 是否工作？我找到了 xpath 并将其转换为 css 定位器。它基本上是一个将颜色从灰色变为蓝色的按钮。

这是我的代码片段: browser.execute_script("$('button.nominate').trigger('tap');")

在控制台上，我尝试了类似的操作:

$('button.nominate').trigger('tap')

结果如下图:

[]

我以为它会点击按钮

Answer 1

我想您正在对您的移动应用进行某种功能测试。前段时间我也在做同样的事情(使用 CasperJS)，在这个过程中，我创建了这个函数:

// I've commented out CasperJS specific stuff, don't use it if you don't need it
function triggerEventOnPage(selector, eventName, memo) {
    //casper.evaluate(function(selector, eventName, memo){
        var event;
        var element = document.querySelector(selector);

        event = document.createEvent("Event");
        event.initEvent(eventName, true, true);
        event.memo = memo || { };

        element.dispatchEvent(event);
    //}, selector, eventName, memo);
    //wait();
}

您可以通过调用在测试中使用它:

triggerEventOnPage(".edit-list-button", 'tap');

但是，请注意没有原生的 tap 事件。只有 touchstart、tachmove、touchend 事件，tap 的实现是基于这三个事件完成的。因此，您正在使用的 tap 事件的实现可能与我正在使用的不同，并且上述功能可能不适合您。

编辑:因为您使用的是 jQuery，$('button.nominate').trigger('tap') 应该可以正常工作。 @NULL 可能是正确的，您的选择器无效。