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

Question

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

要设置我用这个代码的Web视图中简单的HTML内容，并将其工作正常：眼下

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

，如果含量大于它的实际大小，然后它出现在Web视图显示垂直和水平卷轴在它。我想设置一些默认宽度和管理高度根据其内容的方式，使横向和纵向滚动不出现。

任何人都可以为我提供一些解决方案吗？

感谢，

Miraaj

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演示它。