如何使用 Pupeetersharp 從元素中獲取計算的樣式屬性

Question

我正在嘗試使用 PuppeteerSharp 來獲取元素的計算顏色屬性。 我已經看到使用 Puppeteer（不是 Sharp）的幾個答案表明 window.getComputedStyle() 可能是解決方案，但我無法使用 PuppeteerSharp 使其工作。

看 ：

• https://browse.io/blog/puppeteer-how-to-check-visibility-of-an-element/
• 使用 Puppeteer 將鼠標懸停在 Node.js 中的元素和 getComputedStyle 上？

到目前為止，我的代碼如下所示：

await new BrowserFetcher().DownloadAsync(BrowserFetcher.DefaultRevision);
using (browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = IsHeadless }))
{
    using (var page = await Program.browser.NewPageAsync())
    {
        var jsCode = @"async() => {
        const element = document.querySelector('.productDetail svg[viewbox=""0 0 16 16""]');
        return window.getComputedStyle(element).getPropertyValue('color')};
        ;}";

        await page.GoToAsync("https://www.galaxus.ch/fr/s3/product/horizon-fitness-syros-e-velos-elliptiques-13874309");
        var results = await page.EvaluateFunctionAsync<string>(jsCode);
     }
}

任何幫助，將不勝感激 ！

Answer 1

我在您的代碼中發現了一些問題。 首先是您的 javascript 代碼中的一些小錯誤：您不需要異步和額外的括號。

var jsCode = @"() => {
  const element = document.querySelector('.productDetail svg[viewbox=""0 0 16 16""]');
  return window.getComputedStyle(element).getPropertyValue('color');
}";