WebView动态调整大小到内容大小

Question

I'm having trouble resizing a WebView element to fit its content. I don't want to resize the content, I want the WebView and its containing Custom View and NSWindow to resize to fit the content.

At the moment i've tried using JavaScript to get the width and height and resizing the 3 elements, as well as using NSRect and setFrameSize but with no luck (shown below).

So basically, if I have an NSWindow with a Custom View with a Web View, how do I get them to resize to fit the content of the WebView?

Thanks in advance everyone!

This is what I have at the moment which just makes a big mess (it doesn't resize the main window, and makes the contents of the window spill out of it).

NSString *width = [_myWebView stringByEvaluatingJavaScriptFromString:@"document.body.scrollWidth;"];
NSString *height = [_myWebView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight;"];

NSSize size;
size.width = [width floatValue];
size.height = [height floatValue];

NSRect mySize = NSMakeRect(_window.frame.origin.x, _window.frame.origin.y, size.width, size.height);
[_window setFrame:mySize display:YES]; // Resize main NSWindow
[_webViewView setFrameSize:size]; // Resize custom view of main NSWindow
[_myWebView setFrameSize:size]; // Resize WebView in custom view

Answer 1

As far as I can tell, you have a window containing a custom view, which itself contains a web view.

You want to load content into the web view and have the frame of the web view change size to accommodate that content. You also want the containing view and window to resize accordingly.

Once you know how to resize a web view according to its content, as explained in my answer to this other question , you can then easily resize the containers accordingly.

I am going to repeat my answer here, with additions that resize the containing objects.

As noted in my other answer, you can't know ahead of time how big the content will be, and many web sites will be too big to fit on screen. You will likely need to constrain the height of your window to the screen height for this to be useful.

- (void)loadWebPage
{
    //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 difference from the old frame to the new frame
        CGFloat deltaX = NSWidth(webFrameRect) - NSWidth(webViewRect);
        CGFloat deltaY = NSHeight(webFrameRect) - NSHeight(webViewRect);

        //make sure our web view and its superview resize automatically when the 
        //window resizes
        [webView setAutoresizingMask:NSViewWidthSizable | NSViewHeightSizable];
        [[webView superview] setAutoresizingMask:NSViewWidthSizable | NSViewHeightSizable];


        //set the window's frame, adjusted by our deltas

        //you should probably add some code to constrain the size of the window
        //to the screen's content size
        NSRect windowFrame = window.frame;
        [webView setFrameSize:NSMakeSize(NSWidth(window.frame) + deltaX, NSHeight(window.frame) + deltaY)];

        //turn scroll bars back on
        [[[webView mainFrame] frameView] setAllowsScrolling:YES];
    }
}