关于如何使用浏览器调用JS命令的说明

luo 2019-1-17 3595

在UiBot Creator命令面板的浏览器下面有个执行JS的命令,如下图:

_关于如何使用浏览器调用JS命令的说明

大家可能不知道如何使用,实际上这可是做网页自动化处理的神器,当然前提是你需要懂那么一些JS。至于如何使用这个命令,下面我进行一下说明讲解(PS,IE和Chrome通用,使用Chrome前请确保你的扩展程序已经正常安装)

首先,使用这个命令JS代码必须遵循一个固定格式

function(){
  //这里填写你的JS代码
  return 123
}


那具体该写些啥呢,我用百度的一个搜索进行举例。我们打开百度搜索UiBot,如下所示:

_关于如何使用浏览器调用JS命令的说明


那么我们想抓取下面的搜索结果怎么办呢?有些JS基础的同学们应该能马上想到用CSS选择器获取文本,如下所示

_关于如何使用浏览器调用JS命令的说明

这里看到结果的tag为H3,class为t,那么css选择器就可以写成 document.querySelector("H3.t"),再用textContent即可取到具体内容,我们验证一下

_关于如何使用浏览器调用JS命令的说明

发现确实如此,那么构成UiBot调用的代码就是

function(){
  return document.querySelector("H3.t").textContent
}

_关于如何使用浏览器调用JS命令的说明

好了,再连上绑定好的浏览器,我们在UiBot里面执行一下

_关于如何使用浏览器调用JS命令的说明

OK,大功告成,现在我们无论搜索什么都能随着页面变化取到对应的文本,比如我现在搜索 Uibot社区

_关于如何使用浏览器调用JS命令的说明

至此,大家赶快打开UiBot去试试吧


最新回复 (8)
  • luo 2019-1-17
    2
    另外,补充说明下。当JS返回的是Object类型,UiBot会将其作为字符串进行处理,所以使用前需要用JSON转换命令将其进行一次转换。
  • 噬元兽 2019-1-17
    3
    支持技术贴
  • 果子果子哩 2019-1-18
    4
    支持支持!
  • 哒哒 2019-2-20
    5
    不会JS是不是就没法抓动态页了?55555555555555
  • 2019-7-8
    6
    总是提示H3错误
  • 陈先生_56143 2019-7-28
    7
    什么意思?总是提示H3错误,软件版本不一样?
  • 梁帅哥 2019-9-11
    8
    总是提示H3错误


    document.querySelector("H3.t").textContent要用单引号document.querySelector('H3.t').textContent



  • 梁帅哥 2019-9-18
    9
    luo 另外,补充说明下。当JS返回的是Object类型,UiBot会将其作为字符串进行处理,所以使用前需要用JSON转换命令将其进行一次转换。
    如果我想把所有标题都获取行吗?或指定第4个标题。用document.querySelectorAll("H3.t").textContent
    好像没成功呢。
返回
发新帖