如何根据内容调整 WebView 的大小？

Question

我想在 Web 视图中设置简单的 html 内容，然后根据其内容调整其大小。

为了在 web 视图中设置简单的 html 内容，我使用了这段代码，它运行良好：

[[myWebView mainFrame] loadHTMLString:webViewContents baseURL:baseURLFramed];

现在，如果内容大于其实际大小，则它会出现在 Web 视图中，其中同时显示垂直和水平滚动条。我想设置一些默认宽度并根据其内容管理高度，以使水平或垂直滚动​​条都不会出现。

谁能给我一些解决方案？

谢谢，

米拉杰

Answer 1

您可以注册为WebView 的框架加载委托，当页面加载时，您可以询问主框架的文档视图的大小并调整WebView 的大小。确保关闭框架上的滚动条，否则会出现问题。

请注意，某些页面可能非常大，当我测试 daringfireball.net 时，它的高度为 17612 点，这显然太大而无法在屏幕上显示。

- (void)applicationDidFinishLaunching:(NSNotification *)aNotification 
{
    //set ourselves as the frame load delegate so we know when the window loads
    [webView setFrameLoadDelegate:self];

    //turn off scrollbars in the frame
    [[[webView mainFrame] frameView] setAllowsScrolling:NO];

    //load the page
    NSURLRequest* request = [NSURLRequest requestWithURL:[NSURL URLWithString:@"http://daringfireball.net"]];
    [[webView mainFrame] loadRequest:request];
}

//called when the frame finishes loading
- (void)webView:(WebView *)sender didFinishLoadForFrame:(WebFrame *)webFrame
{
    if([webFrame isEqual:[webView mainFrame]])
    {
        //get the rect for the rendered frame
        NSRect webFrameRect = [[[webFrame frameView] documentView] frame];
        //get the rect of the current webview
        NSRect webViewRect = [webView frame];

        //calculate the new frame
        NSRect newWebViewRect = NSMakeRect(webViewRect.origin.x, 
                                           webViewRect.origin.y - (NSHeight(webFrameRect) - NSHeight(webViewRect)), 
                                           NSWidth(webViewRect), 
                                           NSHeight(webFrameRect));
        //set the frame
        [webView setFrame:newWebViewRect];

        //NSLog(@"The dimensions of the page are: %@",NSStringFromRect(webFrameRect));
    }
}

Answer 2

另一种方法是向 DOM 询问内容的高度。

- (void)webView:(WebView *)sender didFinishLoadForFrame:(WebFrame *)frame
{
    NSString*   heightOutput    = [sender stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"foo\").scrollHeight;"];
    NSInteger   height          = [heightOutput integerValue];

    [[self splitView] setPosition:height + 10 ofDividerAtIndex:0];
}

这里的关键点是将您的内容放在命名元素中，以便可以使用 getElementById。我的实现使用了一个简单的<div id="foo"> 元素。

在我的特殊情况下，我的 WebView 位于 NSSplitView 内，因此首先将 WebView 的高度重置为较小的值会导致闪烁。

我有一个示例项目here 进行演示。