使用 CefSharp.Offscreen 检索需要 Javascript 呈现的网页

Question

我的任务很简单，但需要精通 CefSharp 的人才能解决。

我有一个 url，我想从中检索 HTML。问题是这个特定的 url 实际上并没有在 GET 上分发页面。相反，它将一堆 Javascript 推送到浏览器，然后浏览器执行并生成实际呈现的页面。这意味着涉及 HttpWebRequest 和 HttpWebResponse 的常用方法不会奏效。

我查看了许多不同的 "headless" 选项，出于多种原因，我认为最能满足我的需求的选项是 CefSharp.Offscreen.但是我不知道这东西是如何工作的。我看到有几个事件可以订阅，还有一些配置选项，但我不需要嵌入式浏览器之类的东西。

我真正需要的是一种方法来做这样的事情（伪代码）：

string html = CefSharp.Get(url);

我订阅事件没有问题，如果这是等待 Javascript 执行并生成渲染页面所需要的。

Answer 1

如果您无法获得 Chromium 的无头版本来帮助您，您可以尝试 node.js 和 jsdom。启动节点并运行ning 后，易于安装和使用。您可以在 Github README 上看到简单的示例，其中他们提取 URL、运行所有 javascript，包括任何自定义 javascript 代码（示例：jQuery 位来计算某种类型的元素），然后你在内存中有 HTML 来做你想做的事。你可以做 $('body').html() 并得到一个字符串，就像在你的伪代码中一样。（这甚至适用于生成 SVG 图形之类的东西，因为那只是更多 XML 个树节点。）

如果您需要将此作为您需要分发的更大 C# 应用程序的一部分，您使用 CefSharp.Offscreen 的想法听起来很合理。一种方法可能是先让 CefSharp.WinForms 或 CefSharp.WPF 工作，在那里你可以从字面上看到东西，然后在一切正常时尝试 CefSharp.Offscreen。您甚至可以在屏幕浏览器中获取一些 JavaScript 运行ning 以在您无头之前将 body.innerHTML 和 return 作为字符串拉到 C# 端.如果可行，剩下的应该很简单。

也许从 CefSharp.MinimalExample 开始编译，然后根据您的需要进行调整。您需要能够在 C# 代码中设置 webBrowser.Address，并且需要知道页面何时加载，然后您需要调用 webBrowser.EvaluateScriptAsync(".. JS code ..") JavaScript 代码（作为字符串）将按照描述执行操作（returning bodyElement.innerHTML 作为字符串）。

Answer 2

我知道我正在做一些考古学来恢复 2yo post，但详细的回答可能对其他人有用。

所以是的，Cefsharp.Offscreen 适合这项任务。

下面是一个 class，它将处理所有浏览器 activity。

using System;
using System.IO;
using System.Threading;
using CefSharp;
using CefSharp.OffScreen;

namespace [whatever]
{
    public class Browser
    {

        /// <summary>
        /// The browser page
        /// </summary>
        public ChromiumWebBrowser Page { get; private set; }
        /// <summary>
        /// The request context
        /// </summary>
        public RequestContext RequestContext { get; private set; }

        // chromium does not manage timeouts, so we'll implement one
        private ManualResetEvent manualResetEvent = new ManualResetEvent(false);

        public Browser()
        {
            var settings = new CefSettings()
            {
                //By default CefSharp will use an in-memory cache, you need to     specify a Cache Folder to persist data
                CachePath =     Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.LocalApplicationData), "CefSharp\Cache"),
            };

            //Autoshutdown when closing
            CefSharpSettings.ShutdownOnExit = true;

            //Perform dependency check to make sure all relevant resources are in our     output directory.
            Cef.Initialize(settings, performDependencyCheck: true, browserProcessHandler: null);

            RequestContext = new RequestContext();
            Page = new ChromiumWebBrowser("", null, RequestContext);
            PageInitialize();
        }

        /// <summary>
        /// Open the given url
        /// </summary>
        /// <param name="url">the url</param>
        /// <returns></returns>
        public void OpenUrl(string url)
        {
            try
            {
                Page.LoadingStateChanged += PageLoadingStateChanged;
                if (Page.IsBrowserInitialized)
                {
                    Page.Load(url);

                    //create a 60 sec timeout 
                    bool isSignalled = manualResetEvent.WaitOne(TimeSpan.FromSeconds(60));
                    manualResetEvent.Reset();

                    //As the request may actually get an answer, we'll force stop when the timeout is passed
                    if (!isSignalled)
                    {
                        Page.Stop();
                    }
                }
            }
            catch (ObjectDisposedException)
            {
                //happens on the manualResetEvent.Reset(); when a cancelation token has disposed the context
            }
            Page.LoadingStateChanged -= PageLoadingStateChanged;
        }

        /// <summary>
        /// Manage the IsLoading parameter
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void PageLoadingStateChanged(object sender, LoadingStateChangedEventArgs e)
        {
            // Check to see if loading is complete - this event is called twice, one when loading starts
            // second time when it's finished
            if (!e.IsLoading)
            {
                manualResetEvent.Set();
            }
        }

        /// <summary>
        /// Wait until page initialization
        /// </summary>
        private void PageInitialize()
        {
            SpinWait.SpinUntil(() => Page.IsBrowserInitialized);
        }
    }
}

现在在我的应用程序中，我只需要执行以下操作：

public MainWindow()
{
    InitializeComponent();
    _browser = new Browser();
}

private async void GetGoogleSource()
{
    _browser.OpenUrl("http://icanhazip.com/");
    string source = await _browser.Page.GetSourceAsync();
}

这是我得到的字符串

"<html><head></head><body><pre style=\"word-wrap: break-word; white-space: pre-wrap;\">NotGonnaGiveYouMyIP:)\n</pre></body></html>"

使用 CefSharp.Offscreen 检索需要 Javascript 呈现的网页

Using CefSharp.Offscreen to retrieve a web page that requires Javascript to render

javascript

c#

cefsharp

headless-browser

cefsharp.offscreen