如何使用 golang knq/chromedp 检查页面中是否存在元素

Question

我正在创建一个使用 [chromedp][1] 的应用程序

如何检查页面中是否存在某个元素？

我尝试使用cdp.WaitVisible()，但它没有给我我想要的东西。

我需要这个，这样我就可以判断应用程序是否会做一件事或另一件事。

对于这个例子，假设我需要知道搜索输入是否存在

我怎样才能做到这一点？

[1]： https: //github.com/knq/chromedp

  package main

import (
    "context"
    "fmt"
    "io/ioutil"
    "log"
    "time"

    cdp "github.com/knq/chromedp"
    cdptypes "github.com/knq/chromedp/cdp"
)

func main() {
    var err error

    // create context
    ctxt, cancel := context.WithCancel(context.Background())
    defer cancel()

    // create chrome instance
    c, err := cdp.New(ctxt, cdp.WithLog(log.Printf))
    if err != nil {
        log.Fatal(err)
    }

    // run task list
    var site, res string
    err = c.Run(ctxt, googleSearch("site:brank.as", "Easy Money Management", &site, &res))
    if err != nil {
        log.Fatal(err)
    }

    // shutdown chrome
    err = c.Shutdown(ctxt)
    if err != nil {
        log.Fatal(err)
    }

    // wait for chrome to finish
    err = c.Wait()
    if err != nil {
        log.Fatal(err)
    }

    log.Printf("saved screenshot of #testimonials from search result listing `%s` (%s)", res, site)
}

func googleSearch(q, text string, site, res *string) cdp.Tasks {
    var buf []byte
    sel := fmt.Sprintf(`//a[text()[contains(., '%s')]]`, text)
    return cdp.Tasks{
        cdp.Navigate(`https://www.google.com`),
        cdp.Sleep(2 * time.Second),
        cdp.WaitVisible(`#hplogo`, cdp.ByID),
        cdp.SendKeys(`#lst-ib`, q+"\n", cdp.ByID),
        cdp.WaitVisible(`#res`, cdp.ByID),
        cdp.Text(sel, res),
        cdp.Click(sel),
        cdp.Sleep(2 * time.Second),
        cdp.WaitVisible(`#footer`, cdp.ByQuery),
        cdp.WaitNotVisible(`div.v-middle > div.la-ball-clip-rotate`, cdp.ByQuery),
        cdp.Location(site),
        cdp.Screenshot(`#testimonials`, &buf, cdp.ByID),
        cdp.ActionFunc(func(context.Context, cdptypes.Handler) error {
            return ioutil.WriteFile("testimonials.png", buf, 0644)
        }),
    }
}

Answer 1

这是我的答案。网页是www.google.co.in. 使用的元素是lst-ib页面上存在的文本框。

1. 浏览页面。

2. 等待该元素可见。

3. 读取元素的值。这是第一次加载页面，因此显然值将是""。

4. 假设您已通过在文本框中键入内容来修改元素的值。现在，如果我们尝试读取同一元素的值，lst-ib那么我们应该获得更新后的值。

我的代码如下，

package main

import (
    "context"
    "log"

    cdp "github.com/knq/chromedp"
)

func main() {
    var err error

    // create context
    ctxt, cancel := context.WithCancel(context.Background())
    defer cancel()

    // create chrome instance
    c, err := cdp.New(ctxt)
    if err != nil {
        log.Fatal(err)
    }

    // run task list
    var res, value, newValue string
    err = c.Run(ctxt, text(&res, &value, &newValue))
    if err != nil {
        log.Fatal(err)
    }

    // shutdown chrome
    err = c.Shutdown(ctxt)
    if err != nil {
        log.Fatal(err)
    }

    // wait for chrome to finish
    err = c.Wait()
    if err != nil {
        log.Fatal(err)
    }

    if len(value) > 1 {
        log.Println("Search Input is present.")
    } else {
        log.Println("Search Input is NOT present.")
    }

    log.Println("New updated value: ", newValue);   

}

func text(res, value, newValue *string) cdp.Tasks {
    return cdp.Tasks{
        cdp.Navigate(`https://www.google.co.in`),
        cdp.WaitVisible(`lst-ib`, cdp.ByID),
        cdp.EvaluateAsDevTools("document.getElementById('lst-ib').value", value),
        cdp.EvaluateAsDevTools("document.getElementById('lst-ib').value='Hello';document.getElementById('lst-ib').value", newValue),
    }
}

要运行代码，请使用go run <FileName>.go

我得到以下预期的输出：

$ go run main.go 
2017/09/28 20:05:20 Search Input is NOT present.
2017/09/28 20:05:20 New updated value:  Hello

NOTE:

首先，我检查了一下Google Chrome Developer Tools以获取Javascript满足我需要的准确信息。这很有帮助。我添加了我在 Chrome 开发者工具上尝试过的 Javascript 的屏幕截图。

我希望它对你有帮助。:)