Obtenir la hauteur totale du contenu de webView en utilisant Javascript

Je suis en utilisant un UIWebView pour l'affichage de contenu, sous la forme d'une chaîne HTML – pas un site web, supérieure à celle de l'écran de l'iPhone, sans avoir à faire défiler dans la webView lui-même, de laisser le parent scrollView.

Pour y parvenir, j'ai besoin d'un moyen pour obtenir le total de la taille du document, y compris la zone déroulante pour définir le webView de la hauteur. J'ai essayé un certain nombre de différents Javascript solutions:

(document.height !== undefined) ? document.height : document.body.offsetHeight //Returns height of UIWebView
document.body.offsetHeight //Returns zero
document.body.clientHeight //Returns zero
document.documentElement.clientHeight //Returns height of UIWebView
window.innerHeight //Returns height of UIWebView -2
document.body.scrollHeight //Returns zero

Est-il une solution qui fonctionne réellement?

Courant (chômé) code:

[[[self.singlePost.contentText subviews] lastObject] setScrollEnabled:NO];
int content_height = [[self.singlePost.contentText stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"] intValue];
NSLog(@"Content_height: %d", content_height);
CGRect rect = self.singlePost.contentText.frame;
rect.size.height = content_height;
self.singlePost.contentText.frame = rect;

source d'informationauteur Emil

18

Il n'est pas nécessaire d'utiliser le Javascript dans iOS 5.0 et jusqu' - vous de direct, documenté l'accès à ses scrollView:
```
- (void)webViewDidFinishLoad:(UIWebView *)webView {
    CGFloat contentHeight = webView.scrollView.contentSize.height;
    //....
}
```
Pour obtenir la hauteur totale du contenu de la webView.

Quand j'ai essayé avec mon code, j'ai trouvé,

(1) NSLog(@"webView height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]);
(2) NSLog(@"webView height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.height"]);

(1) retour de la hauteur inférieure à la hauteur d'origine. Mais (2) retour de la hauteur réelle. Ma suggestion est d'obtenir le Max des deux.

- (void)webViewDidFinishLoad:(UIWebView *)theWebView {
    NSLog(@"Body height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]);
    NSLog(@"Doc height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.height"]);
    NSString * javaScript = [NSString stringWithFormat:@"document.getElementById('%@').clientHeight", kDivID];
    NSLog(@"Div height: %@",[webView stringByEvaluatingJavaScriptFromString:javaScript]);
    [self reLayout];
}

- (CGFloat) getWebViewPageHeight {
    CGFloat height1 = [[webView stringByEvaluatingJavaScriptFromString: @"document.height"] floatValue];
    CGFloat height2 = [[webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"] floatValue]; 
    return MAX(height1, height2);   
}

Sortie

Body height: 485
Doc height: 509
Div height: 485

Où appelez-vous votre code?
Pour moi, il renvoie 0 si elle est appelée juste après l'loadHTMLString Méthode.
Si je l'appelle dans le (void)webViewDidFinishLoad:(UIWebView *)theWebView délégué, j'obtiens une valeur valide.

- (void)loadHTML: (NSString *)html {
    webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    webView.delegate = self;

    NSURL *resourceURL = [NSURL fileURLWithPath:[[NSBundle mainBundle] bundlePath]];
    [webView loadHTMLString:html baseURL: resourceURL];
    NSLog(@"height: %d", [[webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"] intValue]); //returns 0
  }

- (void)webViewDidFinishLoad:(UIWebView *)theWebView {
    NSLog(@"height: %@", [webView stringByEvaluatingJavaScriptFromString: @"document.body.offsetHeight"]); //return 2166
}

6

Je suis allé avec une approche légèrement différente, pour créer un <DIV> que j'ai pu d'obtenir la taille, parce que j'avais aucune chance avec l'inspection de document/corps.

C'est MonoTouch C#, mais devrait fonctionner correctement en Objective-C:
```
private const string DIV_ID = "_uiwebview_";

LoadHtmlString("<body style='background-color:#yourcolor; padding:0px; margin:0px'>" +
  "<div style='width:" + Frame.Width + "px; padding:0px; margin:0px; font-family:" + 
  font.Name + "' id=" + DIV_ID + ">" + html + "</div></body>", base_url);
```
et l'obtention de la hauteur dans LoadFinished:
```
string sheight = EvaluateJavascript("document.getElementById('" + DIV_ID +
   "').clientHeight");
```
@Jesse, cela fonctionne lorsque la mise à jour avec HTML, qui permettrait de générer une taille plus petite que ce qui était précédemment montré.

Vous devez vous connecter pour publier un commentaire.