时间戳

首页 > 解决方案 > 在通过 Safari App Extension 注入的 JavaScript 中以编程方式单击 HTML 链接

javascript - 在通过 Safari App Extension 注入的 JavaScript 中以编程方式单击 HTML 链接

问题描述

我正在编写一个 Safari 应用程序扩展来自动登录到 Citrix Web 门户。我注入的 JavaScript 需要做两件事。首先，要提交一个 HTML 表单（带有名称/密码）。这工作得很好，并将我带到另一个需要单击 HTML 锚的页面。问题是我无法以编程方式单击 HTML 锚链接。

// This is the `script.js` injected by my Safari App Extension

document.addEventListener("DOMContentLoaded", function(event) {


    if (document.URL.includes("IdentityFederationPortal")) {
        document.getElementById("UserId").value = "..." // my login
        document.getElementById("Password").value = "..." // my password
        document.getElementById("submit").click() // <- works correctly
    }

    // The `.click()` method above works just fine, I assume because it is used on a form button.


    if (document.URL.includes("TPDCWeb")) {

        var loginLink = document.querySelector("#plugin-assistance-download > div > div > div > div.footer > a.pluginassistant-skiplink.web-screen-link._ctxstxt_SkipToLogon._ctxsattr_title_SkipToLogonTip");

        console.log(loginLink) // console shows loginLink is assigned the correct HTML anchor

        loginLink.click() // does not work!
    }
});

笔记：

  1. 我需要以编程方式单击的锚链接的实际 HTML 是：<a class="pluginassistant-skiplink web-screen-link _ctxstxt_SkipToLogon _ctxsattr_title_SkipToLogonTip" href="#" title="Click here to skip to log on">Log on</a>我对 Web 编程不够熟悉，无法理解普通用户单击该链接时会发生什么，通过简单的检查似乎不会导致任何地方（和有一个NULL onClick属性）。

  2. 我看到分散的参考资料表明 jQuery 在这里可能有用，但我也无法弄清楚如何将 jQuery 注入 Safari 应用程序扩展脚本。到目前为止，Can't find variable $当我尝试使用 jQuery 时，我的尝试导致了错误。

标签： javascriptjqueryhtmlcsssafari-app-extension

解决方案

在user1538301的帮助下，我现在有了这个工作，只需将.click()方法调用延迟4 秒。正如所指出的，大概我试图在页面自己的 JavaScript 完成其业务并分配一个onclick处理程序或类似的东西之前“单击”链接。我确信有一种更优雅的方式来处理这个问题，但是简单的时间延迟现在可以为我完成工作。

if (document.URL.includes("TPDCWeb")) {

    function getAndClickLink() {
        var loginLink = document.querySelector("#plugin-assistance-download > div > div > div > div.footer > a.pluginassistant-skiplink.web-screen-link._ctxstxt_SkipToLogon._ctxsattr_title_SkipToLogonTip");

        loginLink.click()
    }

    setTimeout(getAndClickLink, 4000);


}

推荐阅读