我正在编写一个 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!
}
});
笔记:
我需要以编程方式单击的锚链接的实际 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
属性)。我看到分散的参考资料表明 jQuery 在这里可能有用,但我也无法弄清楚如何将 jQuery 注入 Safari 应用程序扩展脚本。到目前为止,
Can't find variable $
当我尝试使用 jQuery 时,我的尝试导致了错误。