cocoa - how - wkwebview example

¿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 su tamaño de acuerdo a su contenido.

Para establecer contenidos html simples dentro de la vista web, utilicé este código y está funcionando bien:

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

En este momento, si el contenido es más grande que su tamaño real, aparece en la vista web mostrando el desplazamiento vertical y horizontal en él. 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 puede sugerirme alguna solución para eso?

Gracias,

Miraaj

Answer 1

Otra alternativa es pedir 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 nombrado para que se pueda usar getElementById. Mi implementación usó un elemento simple de <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.

Aquí tengo un proyecto de muestra que lo demuestra.

Answer 2

Puede registrarse como el delegado de carga de cuadros de WebView , y cuando la página se carga puede solicitar el tamaño de la vista del documento del marco principal y cambiar el tamaño del 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));
}
}