根据停靠在其中的 webBrowser 控件中的数据调整自定义用户控件的大小

Resizing custom user control according to data in the webBrowser control docked in it(根据停靠在其中的 webBrowser 控件中的数据调整自定义用户控件的大小)

问题描述

我有一个名为 webBrowser1 的 webBrowser 控件，它作为 DockStyle.Full 添加并停靠在自定义用户控件上.网络浏览器动态接受一些 HTML 文本并显示它.我禁用了 webBrowser 控件的滚动条.我的问题是，只要内容有点长，webBrowser 就会从下面隐藏它.但是我的项目目标的要求是 webBrowser 不能显示滚动条或者它不应该隐藏一些内容.内容必须按原样完整显示，无需滚动.这意味着 webBrowser 停靠的用户控件必须根据 webBrowser 的内容调整自身大小.那么，有人可以建议我如何实现这一目标吗?我在互联网上搜索了所有内容，但一无所获.

I have a webBrowser control named webBrowser1 that is added and docked as DockStyle.Full on a custom user control. The web-browser accepts some HTML text dynamically and displays it. I disabled the scroll bars of the webBrowser control. My problem is that whenever the content is somewhat lengthy, the webBrowser hides it from below. But the requirement of my project objective is that the webBrowser must not show either scroll bars or it should not hide some of the content. The content must be completely shown as it is without scrolling. That means the user control on which the webBrowser is docked must resize itself according to webBrowser's content. So, can anyone please suggest me how to achieve this? I searched all over the internet and SO but found nothing.

推荐答案

可以通过WebBrowser.Document.Window.Size 并相应地调整容器控件的大小.根据您的 WebBrowser 控件内容接收动态更新的方式，您可能需要在每次更新后执行此操作.如果 Document.Window.Size 没有按预期方式增长，您也可以尝试 WebBrowser.Document.Body.ScrollRectangle.

You can get the current size of HTML window via WebBrowser.Document.Window.Size and resize the container control accordingly. Depending on how your WebBrowser control content receives dynamic updates, you'd probably need to do this after each update. You could also try WebBrowser.Document.Body.ScrollRectangle if Document.Window.Size doesn't grow in the expected way.

以下代码适用于我(IE10):

The following code works for me (IE10):

private void Form1_Load(object sender, EventArgs e)
{
    this.BackColor = System.Drawing.Color.DarkGray;
    this.webBrowser.ScrollBarsEnabled = false;
    this.webBrowser.Dock = DockStyle.None;
    this.webBrowser.Location = new System.Drawing.Point(0, 0);
    this.webBrowser.Size = new System.Drawing.Size(320, 200);
    DownloadAsync("http://www.example.com").ContinueWith((task) =>
    {
        var html = task.Result;
        MessageBox.Show(String.Format(
            "WebBrowser.Size: {0}, Document.Window.Size: {1}, Document.Body.ScrollRectangle: {2}

{3}",
            this.webBrowser.Size,
            this.webBrowser.Document.Window.Size,
            this.webBrowser.Document.Body.ScrollRectangle.Size,
            html));
        this.webBrowser.Size = this.webBrowser.Document.Body.ScrollRectangle.Size;
    }, TaskScheduler.FromCurrentSynchronizationContext());
}

async Task<string> DownloadAsync(string url)
{
    TaskCompletionSource<bool> onloadTcs = new TaskCompletionSource<bool>();
    WebBrowserDocumentCompletedEventHandler handler = null;

    handler = delegate
    {
        this.webBrowser.DocumentCompleted -= handler;

        // attach to subscribe to DOM onload event
        this.webBrowser.Document.Window.AttachEventHandler("onload", delegate
        {
            // each navigation has its own TaskCompletionSource
            if (onloadTcs.Task.IsCompleted)
                return; // this should not be happening
            // signal the completion of the page loading
            onloadTcs.SetResult(true);
        });
    };

    // register DocumentCompleted handler
    this.webBrowser.DocumentCompleted += handler;

    // Navigate to url
    this.webBrowser.Navigate(url);

    // continue upon onload
    await onloadTcs.Task;

    // the document has been fully loaded, can access DOM here

    // return the current HTML snapshot
    return ((dynamic)this.webBrowser.Document.DomDocument).documentElement.outerHTML.ToString();
}

这篇关于根据停靠在其中的 webBrowser 控件中的数据调整自定义用户控件的大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！