使用 JavaScript 填充文本字段并单击链接

某些 Web 应用程序可能具有不允许浏览器自动化操作填充文本字段或单击链接和按钮的设计约束。

自动化这些 Web 应用程序的另一种方法是使用在网页上运行 JavaScript 函数操作,它允许您在网页上运行 JavaScript 代码。

在部署在网页上运行 JavaScript 函数操作之前,您需要有要填充或单击的元素的 CSS 选择器。 要获取此选择器,导航到 UI 元素选项卡,选择添加 UI 元素

“UI 元素”选项卡中“添加 UI 元素”选项的屏幕截图。

创建 UI 元素后,再次导航到 UI 元素选项卡,选择创建的 UI 元素,然后使用选择器构建器打开选择器。

已创建的 CSS 选择器的屏幕截图。

现在,复制位于最后出现的 > 字符右侧的选择器的最后一个元素。

选择器构建器中创建的 CSS 选择器的屏幕截图。

备注

您可以在构建自定义选择器中找到有关选择器的详细信息。

要填充文本字段,部署在网页上运行 JavaScript 函数操作并在 JavaScript 函数字段中填充以下代码。 粘贴代码后,分别用之前复制的选择器和要填充的值替换 CSS-selectorvalue-to-populate 占位符。

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].value="value-to-populate";
}

OR

function ExecuteScript()
{
document.querySelectorAll('CSS-selector')[0].innerText="value-to-populate";
}

配置为填充文本字段的“在网页上运行 JavaScript 函数”操作的屏幕截图。

要单击链接或按按钮,请使用以下代码:

function ExecuteScript()
{
document.querySelectorAll('CSS-Selector')[0].click();
}