如何使用UiPath从Google Chrome JavaScript Alert Popup中提取数据

时间:2019-02-10 13:50:27

标签: javascript google-chrome popup rpa uipath

我要提取文本,然后使用UiPath在Google Chrome JavasScript Alert弹出窗口中单击一个按钮。

具体来说,我遇到以下问题:

  1. 以对话框为目标的选择器是什么?如何找到它?
  2. 从对话框中定位和提取文本的选择器是什么?如何找到它?
  3. 单击对话框中的“确定”按钮的选择器是什么?如何找到它?

我知道对于Web自动化,UiPath建议在大多数情况下使用IE,因为UiPath可以使用其浏览器COM对象以更“原生”的方式与其进行交互。其他浏览器将有限制,并且在版本更新的情况下可能会遇到困难。但是,在某些情况下,无法使用IE,例如在我的工作中,我们与Google达成了工作协议,而我们的许多内部站点在IE中均无法工作。

要完成UiPath 3级高级认证(在线):作业2-生成年度报告,您必须创建一个机器人来执行以下操作:

  • 导航到https://acme-test.uipath.com/
  • 使用用户名和密码登录
  • 单击各种元素以在系统中导航
  • 与JavaScript警报弹出窗口进行交互并提取数据

问题是UiExplorer无法找到正确的选择器,这使得很难从Google Chrome弹出式窗口中获取文本,因为文本的呈现方式与IE相同,并且不公开text属性(其中其他)。这是acme-test站点的片段,用于创建警报以帮助定义选择器,这是UiPath XAML file

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<html>

<head>
  <title>Upload reports</title>
</head>

<body>
  <!-- Page Content -->
  <div class="container">
    <button type="button" class="btn btn-primary" id="buttonUpload">Upload Report</button>
    <script type="text/javascript">
      jQuery(document).ready(function() {

        $('input[type=file]').on('change', prepareUpload);

        function prepareUpload(event) {
          files = event.target.files;
          $('#upload-file-info').html(files[0].name)
        }

        jQuery('#buttonUpload').click(function(event) {
          event.stopPropagation(); // Stop stuff happening
          event.preventDefault(); // Totally stop stuff happening

          var vTaxID = jQuery('#vendorTaxID').val();
          var rYear = jQuery('#reportYear').val();

          // If nothing is filled
          if (vTaxID == "" || rYear == "") {
            alert('Plase fill in the Vendor TaxID and Report Year!');
            return;
          }

          if (typeof files === 'undefined') {
            alert('Please select the Report File');
            return;
          }

          // Create a formdata object and add the files
          var data = new FormData();
          jQuery.each(files, function(key, value) {
            data.append(key, value);
          });

          console.log('...');

          jQuery.ajax({
              url: "/cmajax.php?cmd=uploadReport&cvTaxID=" + vTaxID + "&crYear=" + rYear,
              type: "POST",
              data: data,
              cache: false,
              dataType: 'json',
              processData: false, // Don't process the files
              contentType: false, // Set content type to false as jQuery will tell the server its a query string request
            })
            .always(function(msg) {
              console.log('done');

              if (msg.responseText == 'bad')
                alert("Some problems were encountered.");
              else {
                console.log(msg);
                alert('Report was uploaded - confirmation id is ' + msg.responseText);
              }
            });
        })
      });
    </script>
  </div>
</body>

</html>

2 个答案:

答案 0 :(得分:1)

以下内容可能与您所寻找的不完全相同,但是它可以提供替代的解决方案。在大多数RPA工具中,自动执行警报可能会有些麻烦,所以我喜欢使用警报覆盖技巧

基本上,您将注入一个将覆盖默认警报功能(显示弹出窗口)的函数,并将其内容重新路由到UiPath可访问的某个地方,例如自定义文本框。

更详细地,您在某处创建一个文本框...

var body = document.getElementsByTagName("body")[0];
var text = document.createElement("input");
text.id = "alertOutput";
body.insertBefore(text, body.firstChild);

...,然后使用消息重新路由来覆盖警报功能。

function alert(message) {
    var text = document.getElementById("alertOutput");
    text.value = message; // or .innerText
}

现在,页面上的每个警报都会将其内容直接发送到文本框,而不是显示弹出窗口。

PS:我故意不在代码中使用jQuery,但是看到它在您的网站上可用,您就可以利用它。

答案 1 :(得分:1)

我设法提取信息并继续使用: *在整个Chrome窗口中“获取OCR文本”(在未显示弹出窗口时使用指标元素,因为这似乎给我的计算机带来了UIPath Studio问题),并在“分配”活动中使用String操作获取需要的文本。 *“发送热键”进入镶边窗口以关闭弹出窗口

我在默认设置(英语,小数位数2,...)上使用了Google OCR