Comment faire pour déterminer la taille du contenu d'une UIWebView?

Il s'est avéré que ma première estimation à l'aide de -sizeThatFits: n'était pas complètement faux. Il semble fonctionner, mais seulement si l'image de la webView est réglé à une taille minimale avant l'envoi de -sizeThatFits:. Après que nous puissions corriger la mauvaise taille de l'image par la taille. Cela semble terrible, mais c'est effectivement pas mal. Depuis que nous faisons cadre des changements les uns après les autres, le point de vue n'est pas mis à jour et ne clignote pas.

Bien sûr, nous devons attendre jusqu'à ce que le contenu a été chargé, nous avons donc mis le code dans le -webViewDidFinishLoad: méthode du délégué.

Obj-C

- (void)webViewDidFinishLoad:(UIWebView *)aWebView {
    CGRect frame = aWebView.frame;
    frame.size.height = 1;
    aWebView.frame = frame;
    CGSize fittingSize = [aWebView sizeThatFits:CGSizeZero];
    frame.size = fittingSize;
    aWebView.frame = frame;

    NSLog(@"size: %f, %f", fittingSize.width, fittingSize.height);
}

Swift 4.x

func webViewDidFinishLoad(_ webView: UIWebView) {
    var frame = webView.frame
    frame.size.height = 1
    webView.frame = frame
    let fittingSize = webView.sizeThatFits(CGSize.init(width: 0, height: 0))
    frame.size = fittingSize
    webView.frame = frame
}

Je me dois de souligner il y a une autre approche (merci @GregInYEG) à l'aide de JavaScript. Pas sûr que la solution la plus performante.

De deux hacky solutions je l'aime mieux.

Ressusciter cette question parce que j'ai trouvé Ortwin la réponse de seulement travailler la PLUPART du temps...

La webViewDidFinishLoad méthode peut être appelée plus d'une fois, et la première valeur retournée par sizeThatFits est seulement une partie de ce que la taille finale ne devrait l'être. Ensuite, pour quelque raison que ce soit le prochain appel à sizeThatFits quand webViewDidFinishLoad déclenche à nouveau, à tort, retourner la même valeur qu'avant! Cela va se produire de façon aléatoire pour le même contenu, comme si c'était une sorte de simultanéité problème. Peut-être que ce comportement a changé au fil du temps, parce que je suis en train de construire pour iOS 5 et avons également constaté que sizeToFit fonctionne de la même manière (bien que déjà ce n'est pas le cas?)

J'ai réglé sur cette solution simple:

- (void)webViewDidFinishLoad:(UIWebView *)aWebView
{        
    CGFloat height = [[aWebView stringByEvaluatingJavaScriptFromString:@"document.height"] floatValue];
    CGFloat width = [[aWebView stringByEvaluatingJavaScriptFromString:@"document.width"] floatValue];
    CGRect frame = aWebView.frame;
    frame.size.height = height;
    frame.size.width = width;
    aWebView.frame = frame;
}

Swift (2.2):

func webViewDidFinishLoad(webView: UIWebView) {

    if let heightString = webView.stringByEvaluatingJavaScriptFromString("document.height"),
        widthString = webView.stringByEvaluatingJavaScriptFromString("document.width"),
        height = Float(heightString),
        width = Float(widthString) {

        var rect = webView.frame
        rect.size.height = CGFloat(height)
        rect.size.width = CGFloat(width)
        webView.frame = rect
    }
}

Mise à jour: j'ai trouvé comme mentionné dans les commentaires, cela ne semble pas attraper le cas où le contenu a rétréci. Vous ne savez pas si c'est vrai pour l'ensemble du contenu et de la version d'OS, lui donner un essai.

Une solution simple serait d'utiliser webView.scrollView.contentSize mais je ne sais pas si cela fonctionne avec JavaScript. Si il n'y a pas de JavaScript utilisé cela fonctionne pour vous:

- (void)webViewDidFinishLoad:(UIWebView *)aWebView {
    CGSize contentSize = aWebView.scrollView.contentSize;
    NSLog(@"webView contentSize: %@", NSStringFromCGSize(contentSize));
}

C'est bizarre!

J'ai testé les deux solutions de sizeThatFits: et [webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] sont PAS de travail pour moi.

Cependant, j'ai trouvé un intéressant moyen facile d'obtenir la bonne hauteur de contenu de pages web. Actuellement, je l'ai utilisé dans ma méthode du délégué scrollViewDidScroll:.

CGFloat contentHeight = scrollView.contentSize.height - CGRectGetHeight(scrollView.frame);

Vérifié dans iOS 9.3 Simulateur/de l'Appareil, bonne chance!

EDIT:

De fond: Le contenu html est calculé par mes variable de chaîne et de l'adresse HTTP du contenu du modèle, chargé par la méthode loadHTMLString:baseURL:, sans être inscrit scripts JS là.

Je suis en utilisant un UIWebView qui n'est pas une sous-vue (et donc ne fait pas partie de la fenêtre de hiérarchie) pour déterminer les tailles de contenus HTML pour UITableViewCells. J'ai trouvé que l'déconnecté UIWebView n'a pas de rapport sa taille correctement avec -[UIWebView sizeThatFits:]. En outre, comme mentionné dans https://stackoverflow.com/a/3937599/9636, vous devez définir la UIWebView's frame height à 1 afin d'obtenir la bonne hauteur à tous.

Si le UIWebViewhauteur est trop grande (c'est à dire vous l'avez configuré pour 1000, mais le contenu HTML de la taille est à seulement 500):

UIWebView.scrollView.contentSize.height
-[UIWebView stringByEvaluatingJavaScriptFromString:@"document.height"]
-[UIWebView sizeThatFits:]

Tous le retour d'un height de 1000.

Pour résoudre mon problème, dans ce cas, j'ai utilisé https://stackoverflow.com/a/11770883/9636, dont j'ai consciencieusement votées. Cependant, je n'utilise que cette solution lors de mon UIWebView.frame.width est le même que le -[UIWebView sizeThatFits:] width.

Si votre code HTML contient lourd HTML contenu comme de l'iframe (c'est à dire facebook-, twitter, instagram-intègre), la véritable solution est beaucoup plus difficile, d'abord l'enveloppe de votre code HTML:

[htmlContent appendFormat:@"<html>", [[LocalizationStore instance] currentTextDir], [[LocalizationStore instance] currentLang]];
[htmlContent appendFormat:@"<head>"];
[htmlContent appendString:@"<script type=\"text/javascript\">"];
[htmlContent appendFormat:@"    var lastHeight = 0;"];
[htmlContent appendFormat:@"    function updateHeight() { var h = document.getElementById('content').offsetHeight; if (lastHeight != h) { lastHeight = h; window.location.href = \"x-update-webview-height://\" + h } }"];
[htmlContent appendFormat:@"    window.onload = function() {"];
[htmlContent appendFormat:@"        setTimeout(updateHeight, 1000);"];
[htmlContent appendFormat:@"        setTimeout(updateHeight, 3000);"];
[htmlContent appendFormat:@"        if (window.intervalId) { clearInterval(window.intervalId); }"];
[htmlContent appendFormat:@"        window.intervalId = setInterval(updateHeight, 5000);"];
[htmlContent appendFormat:@"        setTimeout(function(){ clearInterval(window.intervalId); window.intervalId = null; }, 30000);"];
[htmlContent appendFormat:@"    };"];
[htmlContent appendFormat:@"</script>"];
[htmlContent appendFormat:@"..."]; //Rest of your HTML <head>-section
[htmlContent appendFormat:@"</head>"];
[htmlContent appendFormat:@"<body>"];
[htmlContent appendFormat:@"<div id=\"content\">"]; //!important https://stackoverflow.com/a/8031442/1046909
[htmlContent appendFormat:@"..."]; //Your HTML-content
[htmlContent appendFormat:@"</div>"]; //</div id="content">
[htmlContent appendFormat:@"</body>"];
[htmlContent appendFormat:@"</html>"];

Puis ajouter le traitement x-mise à jour-webview-hauteur-schéma dans votre shouldStartLoadWithRequest:

    if (navigationType == UIWebViewNavigationTypeLinkClicked || navigationType == UIWebViewNavigationTypeOther) {
    //Handling Custom URL Scheme
    if([[[request URL] scheme] isEqualToString:@"x-update-webview-height"]) {
        NSInteger currentWebViewHeight = [[[request URL] host] intValue];
        if (_lastWebViewHeight != currentWebViewHeight) {
            _lastWebViewHeight = currentWebViewHeight; //class property
            _realWebViewHeight = currentWebViewHeight; //class property
            [self layoutSubviews];
        }
        return NO;
    }
    ...

Et enfin ajoutez le code suivant à l'intérieur de votre layoutSubviews:

    ...
    NSInteger webViewHeight = 0;

    if (_realWebViewHeight > 0) {
        webViewHeight = _realWebViewHeight;
        _realWebViewHeight = 0;
    } else {
        webViewHeight = [[webView stringByEvaluatingJavaScriptFromString:@"document.getElementById(\"content\").offsetHeight;"] integerValue];
    }

    upateWebViewHeightTheWayYorLike(webViewHeight);//Now your have real WebViewHeight so you can update your webview height you like.
    ...

P. S. Vous pouvez mettre en œuvre des temps de retarder (SetTimeout et setInterval) à l'intérieur de votre ObjectiveC/Swift-code - c'est à vous.

P. S. S. des informations Importantes sur UIWebView et Facebook Intègre: Intégré Facebook post n'affiche correctement dans UIWebView

Je suis aussi coincé sur ce problème, puis j'ai réalisé que si je veux calculer la dynamique de la hauteur de la webView, j'ai besoin de dire la largeur de la webView première, j'ai donc ajouter une ligne avant de js et il s'avère que je peux obtenir de très précis de la hauteur réelle.

Le code est simple comme ceci:

-(void)webViewDidFinishLoad:(UIWebView *)webView
{

    //tell the width first
    webView.width = [UIScreen mainScreen].bounds.size.width;

    //use js to get height dynamically
    CGFloat scrollSizeHeight = [[webView stringByEvaluatingJavaScriptFromString:@"document.body.scrollHeight"] floatValue];
    webView.height = scrollSizeHeight;

    webView.x = 0;
    webView.y = 0;

    //......
}

Également dans iOS 7 pour un bon fonctionnement de l'ensemble des méthodes d'ajouter ceci dans votre vue-contrôleur viewDidLoad méthode:

if ([self respondsToSelector:@selector(automaticallyAdjustsScrollViewInsets)]) {
    self.automaticallyAdjustsScrollViewInsets = NO;
}

Sinon ni de méthodes de travail comme il le devrait.