¿Cómo cambiar el tamaño de WebView según su contenido?

Question

Quiero establecer contenidos html simples dentro de una vista web y luego cambiar el tamaño de acuerdo con su contenido.

Para establecer el contenido HTML simples dentro de vista web que he utilizado este código y que está trabajando muy bien:

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

En este momento, si el contenido es más que su tamaño real, entonces aparece en vista web mostrando tanto vertical como desplazamiento horizontal en ella. Quiero establecer un ancho predeterminado y administrar la altura de acuerdo con su contenido de manera que no aparezca el desplazamiento horizontal ni vertical.

¿Alguien me puede sugerir alguna solución?

Gracias,

Miraaj

Answer 1

Puede registrarse como delegado de carga marco de la WebView 's, y cuando se carga la página se puede pedir a la vista el documento de la estructura principal por su tamaño y cambiar el tamaño de la WebView. Asegúrese de desactivar las barras de desplazamiento en el marco o tendrá problemas.

Tenga en cuenta que ciertas páginas pueden ser muy grandes, cuando probé daringfireball.net llegó a 17612 puntos de alto, lo que obviamente es demasiado grande para mostrar en la pantalla.

- (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

Otra alternativa es solicitar al DOM la altura de su contenido.

- (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]; 
} 

El punto clave aquí es colocar su contenido dentro de un elemento llamado así getElemenById se puede utilizar. Mi implementación usó un elemento simple <div id="foo">.

En mi caso particular, mi WebView estaba dentro de un NSSplitView, por lo que primero restablecer la altura del WebView a algo pequeño estaba causando un parpadeo.

Tengo un proyecto de muestra here demostrándolo.