chromedp - 如何从控制台检索 FCP 等

小伙伴们对Golang编程感兴趣吗？是否正在学习相关知识点？如果是，那么本文《chromedp - 如何从控制台检索 FCP 等》，就很适合你，本篇文章讲解的知识点主要包括。在之后的文章中也会多多分享相关知识点，希望对大家的知识积累有所帮助！

我正在使用 chromedp 包构建个人抓取工具。我想获取我的 fcp（首次内容绘制）和其他统计数据。不幸的是，我无法找到一种方法来做到这一点，然后我想到了从开发者控制台中提取它。

不幸的是，经过两天的摆弄，我无法在互联网上找到任何教程。

谁能告诉我如何使用 chromedp 衡量 fcp 和其他指标？

我尝试了此操作，但它返回错误：遇到未定义的值。 但是当我将其输入浏览器的控制台时，它实际上确实有效。

chromedp.EvaluateAsDevTools("const paintTimings = performance.getEntriesByType('paint');", nil),
chromedp.EvaluateAsDevTools("const fmp = paintTimings.find(({ name }) => name === \"first-contentful-paint\");", nil),
chromedp.EvaluateAsDevTools("console.log('First contentful paint at foo');", &jscript))

我发现我遇到的问题是，当执行 console.log 时，devtools 也会返回一个 undefined ，这与 go 的期望相冲突。 有谁知道如何解决这个问题吗？

正确答案

我不明白 fcp 是如何衡量的。下面我将提供一个从 chromedp 角度工作的 demo。

最好使用 cdp Performance domain 和/或 cdp PerformanceTimeline domain，但正如我之前所说，我不了解 fcp，也不知道如何使用它们。

package main

import (
    "context"
    "encoding/json"
    "log"

    "github.com/chromedp/chromedp"
)

type performancePaintTiming struct {
    EntryType string  `json:"entryType"`
    Name      string  `json:"name"`
    Duration  int     `json:"duration"`
    StartTime float64 `json:"startTime"`
}

func main() {
    ctx, cancel := chromedp.NewContext(context.Background(),
        // Enable the debug mode to see the CDP messages.
        // It's helpful to understand how CDP works.
        // But please don't enable it in Production Environment.
        chromedp.WithDebugf(log.Printf))
    defer cancel()

    // I don't know why but it seems that Runtime.evaluate does not return
    // JSON object any more, so I have to stringified it into a string.
    js := `
const paintTimings = performance.getEntriesByType('paint');
const fcp = paintTimings.find(({ name }) => name === "first-contentful-paint");
JSON.stringify(fcp);`

    var res string
    if err := chromedp.Run(ctx,
        chromedp.Navigate("https://www.bing.com/"),
        chromedp.EvaluateAsDevTools(js, &res),
    ); err != nil {
        panic(err)
    }

    var fcp performancePaintTiming
    if err := json.Unmarshal([]byte(res), &fcp); err != nil {
        panic(err)
    }

    log.Printf("%#v", fcp)
}

参考文献：

• 查看 runtime.remoteobject 对象是如何解析的：https://github.com/chromedp/chromedp/blob/19b37c1b76b6a16d165e69e18756475ddc8f6432/eval.go#L66-L96
• 请参阅有关 encountered 未定义值 的讨论：https://github.com/chromedp/chromedp/issues/526

今天关于《chromedp - 如何从控制台检索 FCP 等》的内容介绍就到此结束，如果有什么疑问或者建议，可以在golang学习网公众号下多多回复交流；文中若有不正之处，也希望回复留言以告知！