UIWebView - Ne pas redimensionner le contenu sur la modification de rotation?

J'ai donc un UIWebView qui affiche statique contenu html.

Quand je lance le ViewController en portrait et de basculer en mode paysage, il redimensionne le contenu correctement.

Mais, quand je commence à la page en paysage et passer en portrait, il n'a pas redimensionner mon contenu, et le défilement est nécessaire pour visualiser tout le contenu.

Est-ce un bug? Est-il une solution pour forcer le redimensionnement du contenu d'un UIWebView?

InformationsquelleAutor aryaxt | 2012-03-06
  1. 10

    Vous avez 2 options:

    Ajouter ce dans HEAD la section de votre fichier html:

    <meta name="viewport" content="width=device-width" />

    Ou appelez [myWebView reload] lors de changements d'orientation de l'

    • J'ai déjà essayé la première option, et il laisse toujours environ 5 défilement pixels que je n'aime pas. Je vais essayer la deuxième solution demain, si cela ne cause pas de la webView à clignoter pendant le rechargement, il serait une solution acceptable. Merci
    InformationsquelleAutor Sergey Kuryanov
  2. 3

    J'ai eu un problème similaire. Je l'ai résolu par l'exécution de code javascript pour générer un événement qui met à jour l'orientation de la page lorsque le UIViewController fini de rotation:

    - (void) didRotateFromInterfaceOrientation:(UIInterfaceOrientation)fromInterfaceOrientation
{
    [webView stringByEvaluatingJavaScriptFromString:@"var e = document.createEvent('Events'); "
                                                    @"e.initEvent('orientationchange', true, false);"
                                                    @"document.dispatchEvent(e); "];
}
    • Ne fonctionne pas pour moi
    • Même pas pour moi.
    InformationsquelleAutor Dia Kharrat
  3. 3

    J'ai essayé les autres suggestions ci-dessus, mais ils n'ont pas de travail le mes statique de la page web que j'avais chargé. J'ai essayé d'ajouter cette ligne dans le header de ma page

    <meta name="viewport" content="width=device-width" />

    Mais il n'a toujours pas redimensionner la largeur de la page après modification de l'orientation entre le paysage & portrait sur mon appareil. Ensuite, j'ai ajouté cette ligne de func viewDidLoad() et cela a fonctionné parfaitement. Je suis en cours d'exécution iOS 11.4

    myWebView.autoresizingMask = UIViewAutoresizing.flexibleWidth
    • si l'application démarre en mode paysage et puis les changements d'orientation en mode portrait. la webview ne pas redimensionner.
    InformationsquelleAutor Clay
  4. 2

    Cette question est ancienne, mais cela devrait résoudre:

    myWebView.scalesPageToFit = YES;

    Alternativement, si vous utilisez l'Interface Builder, vous pouvez cocher la case à cocher sous les Attributs de l'Inspecteur qui dit 'de la page de Vente pour s'adapter à.'

    Espère que cela aide.

    • Merci monsieur! Ne savais pas que la solution, c'est qu'straight-forward.
    • n'a pas fonctionné pour moi !
    InformationsquelleAutor Vinod Vishwanath
  5. 0

    J'ai fini à l'aide de @Sergey Kuryanov deuxième approche, car le premier n'a pas fonctionné pour moi. J'ai été en utilisant UIWebView de loadHTMLString méthode de sorte que vous verrez que dans le code, mais vous pouvez le remplacer par n'importe quelle méthode que vous utilisez pour charger les données dans la UIWebView.

    La première chose à faire est de vous abonner à la rotation des notifications. Pour ce faire, j'ai suivi de @clearwater82 sa réponse sur la question dans cette question: Comment détecter la rotation de l'un par programmation généré UIView

    J'ai réécrit sa réponse pour Swift 3, vous pouvez le trouver dans la même page.

    Une fois que ce fut fait, il était facile de recharger les données dans la UIWebView à l'aide de loadHTMLString. Mon approche était d'envelopper la UIWebView à l'intérieur d'un affichage personnalisé afin que je puisse également gérer la mise en forme du code HTML directement à l'intérieur de ma vue personnalisée. De ce fait, il est très simple d'ajouter le "rechargement-sur-rotation" caractéristique. Voici le code que j'ai utilisé, plus de détails dans la réponse:

    //Handle rotation
UIDevice.current.beginGeneratingDeviceOrientationNotifications()
NotificationCenter.default.addObserver(
    self,
    selector: #selector(self.orientationChanged(notification:)),
    name: NSNotification.Name.UIDeviceOrientationDidChange,
    object: nil
)

//Called when device orientation changes
func orientationChanged(notification: Notification) {
    //handle rotation here
    self.webView.loadHTMLString(self.htmlText, baseURL: nil)
}

deinit {
    NotificationCenter.default.removeObserver(self)
    UIDevice.current.endGeneratingDeviceOrientationNotifications()
}

    Je veux juste souligner deux choses:

    • self.htmlText est une variable contenant du texte HTML je veux charger que j'ai ajouté à ma vue personnalisée
    • l'utilisation de UIDevice.current.endGeneratingDeviceOrientationNotifications() était approprié pour ma situation, il pourrait ne pas être pour le vôtre

    C'est tout, vive

    InformationsquelleAutor Francesco D.M.