Désactiver le grossissement geste dans WKWebView

Je suis à la recherche d'un moyen de désactiver le "pincer pour zoomer" grossissement geste sur l'iOS mise en œuvre de WKWebView. Il y a un grossissement BOOL propriété disponible pour OS X, mais il ne semble pas être disponible sur iOS.

WKWebView.h

#if !TARGET_OS_IPHONE
/* @abstract A Boolean value indicating whether magnify gestures will
 change the web view's magnification.
 @discussion It is possible to set the magnification property even if
 allowsMagnification is set to NO.
 The default value is NO.
 */
@property (nonatomic) BOOL allowsMagnification;

J'ai, aussi, essayé de regarder les WKWebView le geste de modules de reconnaissance, mais qui semble être le tournant d'un tableau vide. Je suis en supposant que le réel modules de reconnaissance sont bured plus profondément dans le composant de la structure (assez complexe, par les regards de celui-ci) et préfère ne pas aller creuser pour eux si possible.

Je sais de possible hacks qui pourrait désactiver le geste de tir (de manière sélective en passant gestes de la WebView, ajouter la vue enfant à la capture geste de pincement, etc) mais j'ai toujours trouvé ces introduire le décalage dans l'événement et souhaitez conserver la mise en œuvre propre/hack gratuit que possible.

InformationsquelleAutor Kevin | 2014-08-28

74

Vous pouvez empêcher les utilisateurs de zoomer en définissant le délégué de votre WKWebKit de UIScrollView et la mise en œuvre de viewForZooming(in:) comme dans l'exemple suivant:
```
class MyClass {
    let webView = WKWebView()

    init() {
        super.init()
        webView.scrollView.delegate = self
    }

    deinit() {
        //Without this, it'll crash when your MyClass instance is deinit'd
        webView.scrollView.delegate = nil
    }
}

extension MyClass: UIScrollViewDelegate {
    func viewForZooming(in scrollView: UIScrollView) -> UIView? {
        return nil
    }
}
```
- N'oubliez pas d'ajouter la conformité aux UIScrollViewDelegate, ensemble webView.scrollView.delegate = self; et d'annuler le délégué pointeur dans deinit.
- Cela devrait être noté que la réponse correcte. IOS native solution, plutôt que d'essayer d'injecter de JS.
- Je suis en désaccord. Alors qu'une solution native serait l'idéal, je pense que cette solution est juste que hacky que le JS, et, potentiellement, les plus fragiles. Alors que WKWebView vends un UIScrollView, à l'interne, utilise un WKScrollView. Alors que c'est une sous-classe de UIScrollView, il ignore/remplace beaucoup de comportement standard (contentInset pour une). Zoom un document HTML est très différente de zoom d'une UIView, j'ai donc pu voir un avenir où cela change/ne fonctionne plus. Depuis la JS solution utilise les standards du W3C, il doit toujours être pris en charge.
- Cela étant dit, si vous êtes de chargement de la 3e partie du contenu, c'est probablement la solution plus sûre. Cela étant dit, si le créateur de la 3ème partie du contenu voulu pour permettre le zoom, il est probablement sage de permettre à leur intention. 1ere-partie/en local chargé de contenu où vous pouvez avoir une idée raisonnable de ce qui est chargé en elle, je serais encore aller Javascript.
- J'ai été en mesure de reproduire un scénario où, même si meta viewport paramètre a été évident dans le html, le dispositif de rotations étaient encore parfois origine du contenu de façon inattendue un zoom arrière. Cette solution, (et puis @quemeful) était la seule façon de garantir l'absence de zoom.
- est-il vraiment nécessaire d'annuler délégué pointeur?
- Détruire le délégué n'est pas nécessaire. C'est une faiblesse de la variable et n'a donc pas créer de conserver les cycles.
- Fonction de mise à jour nom de "viewForZooming" (dans iOS10, iOS11), par certains récents, les réponses à cette question (sur cette page)
- C'est un dangereux réponse — la définition d'un WKWebView de scrollViewDelegate a des effets indésirables. Il va interférer avec pan geste de manipulation lors de la WKWebView est à l'intérieur d'un autre UIScrollView. Ne pas le faire.
- Pas recommandé. Réglage de la scrollView délégué rompt le défilement automatique d'un champ de texte lorsque le clavier apparaît.
- Ne fonctionne pas pour moi.
InformationsquelleAutor Landschaft
41

La réponse ci-dessous ne fonctionne plus sous iOS 10 beta.

Pour améliorer l'accessibilité sur les sites web dans Safari, les utilisateurs peuvent maintenant
pinch-to-zoom, même quand un site web jeux de user-scalable=no dans le
fenêtre d'affichage.

WKWebView semble à l'égard de la fenêtre d'affichage de la balise meta de la même façon Mobile Safari est le cas (comme attendu). Donc, j'ai trouvé l'injection de cette balise dans le DOM à l'aide de javascript après un chargement de la page est le tour est joué. Je serais fatigué de cette solution, sauf si vous savez exactement ce que le HTML est chargé dans la webview, sinon je pense qu'elle aurait des conséquences inattendues. Dans mon cas, je suis de chargement chaînes HTML, si je peux juste ajouter à l'HTML, j'ai navire avec l'application.

De le faire de façon générique pour n'importe quelle page web:
```
- (void)webView:(WKWebView *)webView didCommitNavigation:(WKNavigation *)navigation {
    NSString *javascript = @"var meta = document.createElement('meta');meta.setAttribute('name', 'viewport');meta.setAttribute('content', 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no');document.getElementsByTagName('head')[0].appendChild(meta);";

    [webView evaluateJavaScript:javascript completionHandler:nil];
}
```
Il pourrait être sage de prendre un coup d'oeil à ce genre de navigation vient d'être terminé, puisque seule une nouvelle page aurez besoin de ce code javascript exécuté.
- Cela permet encore de double tap pour zoomer. minimum-scale=1.0 doit être réglé pour éviter cela.
- Cette réponse m'a aidée, mais j'ai toujours semblent être en mesure de créer des situations où il est possible de faire un zoom. Pas sûr de ce que ou comment encore.
- C'est la réponse correcte — ne plaisante pas avec la WKWebView de UIScrollView délégué.
- Merci! Utilisé cela avec Turbolinks et semble fonctionner parfaitement (sur iOS 11). Peut ni pincer ni double-tap pour zoomer.
- Peut-être plus facile de le faire avec userScripts: stackoverflow.com/a/41741125/1683141
- Ce doit être la accepté de répondre. Merci pour cette !
InformationsquelleAutor Kevin
26

J'ai essayé de réglage minimumZoomScale et maximumZoomScale propriétés de UIScrollView à 1 ou isMultipleTouchEnabled propriété de UIView à false ou le retour de nil d'invoquer viewForZooming(in:) de UIScrollViewDelegate mais aucune n'a fonctionné. Dans mon cas, après plusieurs essais et erreurs, les ouvrages suivants, dans mon cas [Testé sur iOS 10.3]:
```
class MyViewController: UIViewController {
   var webView: WKWebView?

   override viewDidLoad() {
      super.viewDidLoad()

      //...
      self.webView.scrollView.delegate = self
      //...
   }
}

extension MyViewController: UIScrollViewDelegate { 
   func scrollViewWillBeginZooming(_ scrollView: UIScrollView, with view: UIView?) {
      scrollView.pinchGestureRecognizer?.isEnabled = false
   }
}
```
- Merci! C'est exactement ce que je veux. L'on a accepté la réponse ne peut pas travailler pour mon cas, car après le retour nil à déléguer, à l'échelle de ma page est erronée.
- Parfait ! Utiliser cette fonction , vous pouvez changer les images de trame à travers JS sans aucun mauvais effet.
- Double tap pour zoomer fonctionne toujours.
- J'ai essayé toutes les options comme vous. Votre réponse était parfait pour moi. Merci 🙂
InformationsquelleAutor yohannes
16

Le natif de solutions n'étaient pas de travail pour moi, et l'injection de JS n'est pas l'idéal. J'ai remarqué que lorsqu'un zoom est effectué et mon délégué est appelé, le pinchGestureRecognizer est activé même si j'ai désactivé lors de l'initialisation de la webview. Pour résoudre ce problème, je l'ai mis à désactivés lorsqu'un zoom commence:
```
extension ViewController: UIScrollViewDelegate {

    //disable zooming in webview
    func scrollViewWillBeginZooming(_ scrollView: UIScrollView, with view: UIView?) {
        scrollView.pinchGestureRecognizer?.isEnabled = false
    }
}
```
- Cela fonctionne pour moi (pour Swift 4)
InformationsquelleAutor pulse4life

Plein Swift 3 /iOS 10 version de Campagne réponse:

import UIKit
import WebKit

class MyViewController: UIViewController, UIScrollViewDelegate {

    var webView = WKWebView()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.addSubview(webView)
        webView.scrollView.delegate = self
    }

    //Disable zooming in webView
    func viewForZooming(in: UIScrollView) -> UIView? {
        return nil;
    }
}

cette une a fonctionné pour moi.

InformationsquelleAutor Simon Epskamp

De travail complet code pour désactiver le zoom dans WkWebView dans swift

importation UIKit
importation WebKit

classe ViewController: UIViewController, WKUIDelegate {

//@IBOutlet var eventWkWebView: WKWebView!

var webView : WKWebView!


override func loadView() {

    let webConfiguration = WKWebViewConfiguration()
    webView = WKWebView(frame: .zero, configuration:webConfiguration)
    webView.uiDelegate = self

    let source: String = "var meta = document.createElement('meta');" +
        "meta.name = 'viewport';" +
        "meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';" +
        "var head = document.getElementsByTagName('head')[0];" + "head.appendChild(meta);";

    let script: WKUserScript = WKUserScript(source: source, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
    webView.configuration.userContentController.addUserScript(script)

    view = webView
}

override func viewDidLoad() {
    super.viewDidLoad()
    //Do any additional setup after loading the view, typically from a nib.
    // view.addSubview(eventWkWebView)


    let myUrl = URL(string: "https://www.google.com")

    let myRequest = URLRequest(url: myUrl!)
    webView.load(myRequest)

}

}

la seule solution qui a fonctionné pour moi iOS 11.4. Je n'ai aucune idée pourquoi les autres solutions, en particulier les autochtones n'ont pas de travail, mais javascript truc fait... Fou combien il est facile de développer sur Android, et comment difficile sur iOS. La programmation devrait être simple, non?

InformationsquelleAutor Gulshan Kumar

Vous pouvez utiliser UIScrollViewDelegate pour cela. D'abord attribuer délégué à votre webview dans le viewDidLoad() ou toute autre méthode appropriée, comme:

class LoginViewController: UIViewController, WKUIDelegate, UIScrollViewDelegate {
  override func viewDidLoad() {
  webView.scrollView.delegate = self 
  }

 //And add this delegate method in your controller: 

  func scrollViewWillBeginZooming(_ scrollView: UIScrollView, with view: UIView?) {
  scrollView.pinchGestureRecognizer?.isEnabled = false
  scrollView.panGestureRecognizer.isEnabled = false
  }
}

Cette une a fonctionné pour moi sur iOS 12. D'autres solutions comme la fenêtre d'affichage ou de retour à néant pour viewForZooming n'a pas

InformationsquelleAutor Yakup Ad

4

Dans le cas où vous affichez un html en local vous pouvez simplement modifier ce code html et de mettre cette balise meta dans votre code html:
```
<head>
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
</head>
```
InformationsquelleAutor Leszek Szary
3

Swift 2.0
```
extension WKWebView {
    func viewForZoomingInScrollView(scrollView: UIScrollView) -> UIView? {
        return nil
    }
}
```
- Notez que serait-il le faire à tous les WKWebViews
- Pas si vous sous-classe de première et appliquer l'extension de la sous-classe. Fonctionne pour moi.
- Cela ne fonctionne pas (plus?) dans iOS 12.
InformationsquelleAutor quemeful

c'est comment j'ai désactivé le zoom pour Swift3 - vue-contrôleur pour une webview seule application

import UIKit
import WebKit

class ViewController: UIViewController, WKNavigationDelegate, UIScrollViewDelegate {

    @IBOutlet var webView: WKWebView!

    override func loadView() {
        webView = WKWebView()
        webView.navigationDelegate = self
        view = webView
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        webView.scrollView.delegate = self
    }

    func viewForZooming(in: UIScrollView) -> UIView? {
        return nil;
    }    

}

Enfin!!! L'homme, c'est dur de suivi en bas de la constante Swift change (presque tout le reste sur le web est le délégué func être "viewForZoomingInScrollView". Merci pour cette mise à jour "viewForZooming"
cette solution fonctionne très bien pour moi, c'est tout

InformationsquelleAutor godblessstrawberry

1

Je n'ai pas assez de réputation pour ajouter des commentaires aux réponses, mais je voulais mentionner que Kevin est solution de (méta viewport) ne fonctionne plus sous iOS 10 beta. Campagne de la solution est de travailler pour moi, si!

Depuis la JS solution utilise les standards du W3C, il doit toujours être pris en charge.

Ah, Kevin, je voudrais que l'ont été la façon dont ces choses fonctionnent.

Plus ici: https://stackoverflow.com/a/37859168/1389714
- Welp. Donc, il va, je suppose. La modification de la réponse correcte, merci pour les commentaires.
InformationsquelleAutor mark
1

Si ce n'est pas important pour vous de gérer les relations à l'intérieur du html (dites que vous voulez afficher du texte seulement) le plus simple serait de désactiver l'interaction de l'utilisateur
webView.userInteractionEnabled = false
- Cela va désactiver l'url de taraudage
- Donc j'ai écrit "Si ce n'est pas important pour vous de gérer des liens à l'intérieur html "
- Cela va désactiver le défilement! L'OP veut le désactiver les pincer pour zoomer, mais je suppose qu'il veut utilisable webview.
InformationsquelleAutor lvp

Désactiver le double tap pour zoomer geste par exiger l'échec du geste de reconnaissance. Elle permettra d'éviter le navigateur pour effectuer une action lorsque l'utilisateur double-tap.

HTML:

import UIKit

class DisableDoubleTapRecognizer : UITapGestureRecognizer, UIGestureRecognizerDelegate{
    override init(target: Any?, action: Selector?) {
        super.init(target: target, action: action)
    }
    
    init() {
        super.init(target:nil, action: nil)
        self.numberOfTapsRequired = 2;
        self.delegate = self;
    }
    func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRequireFailureOf otherGestureRecognizer: UIGestureRecognizer) -> Bool {
        return true;
    }
}

//in your view controller
override func viewDidLoad() {
        super.viewDidLoad()
        
        webView.addGestureRecognizer(DisableDoubleTapRecognizer())
    }

InformationsquelleAutor user3543806

Un moyen simple d'éviter le zoom

override func viewDidLoad() {
    super.viewDidLoad()

    webView.scrollView.delegate = self
}

func scrollViewDidZoom(_ scrollView: UIScrollView) {

    scrollView.setZoomScale(1.0, animated: false)
}

InformationsquelleAutor Waqar Ahmed

0

Nous avons besoin de changer de déléguer l'appel à signatures suivantes dans XCode 8:

remplacer func viewForZooming(dans le scrollView: UIScrollView) -> UIView? {
retour néant
}

InformationsquelleAutor Brianster
0

Si la webview est l'utilisateur en lecture seule, j'.e, juste pour l'affichage du contenu web utiliser

webView.isUserInteractionEnabled = false

Par ce le geste de zoom ne fonctionne pas sur elle.
- Cela permettra également de désactiver le défilement. Tout simplement parce que le contenu est en lecture seule ne signifie pas que vous ne peut pas défiler à travers elle.
InformationsquelleAutor Sameer Bhide

Voici une version légèrement modifiée de Gulshan Kumar's réponse qui a fonctionné pour moi dans iOS 12.1.2, et il empêche également le zoom grâce à un double-tap et de la rotation. Dans mon exemple, je viens d'injecter le script directement dans la vue web. J'ai ajusté la balance à 60%, et il n'y a pas besoin d'utiliser la concaténation dans la construction de la chaîne source.

let source = "var meta = document.createElement('meta'); meta.name = 'viewport'; meta.content = 'width=device-width, initial-scale=0.6, maximum-scale=0.6, user-scalable=no'; var head = document.getElementsByTagName('head')[0]; head.appendChild(meta);"

let script = WKUserScript(source: source, injectionTime: .atDocumentEnd, forMainFrameOnly: true)

webView.configuration.userContentController.addUserScript(script)

InformationsquelleAutor Scott Gardner

Si c'est mieux d'disbaled la Pincée de zoom lorsque la page web à la fin du chargement, et il peut également spécifier les URL particulière va être disbaled

public func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
     if let url = webView.url, url.absoluteString == "***" {                       
        webView.scrollView.pinchGestureRecognizer?.isEnabled = false
     }

    print("finish")
}

InformationsquelleAutor Jin

-1

L'application, j'ai du travail sur la vue agrandie par Javascript. La accepté de répondre à bloqué le zoom par du JavaScript à partir de l'intérieur de la page.
J'ai seulement besoin de désactiver le geste de pincement par l'utilisateur de l'application. La seule solution que j'ai trouvé est de désactiver le geste de la vue web une fois la page chargée:

- (void)webView:(WKWebView *)webView didFinishNavigation:(WKNavigation *)navigation {
    /* disable pinch gesture recognizer to allow zooming the web view by code but prevent zooming it by the user */
    for (UIGestureRecognizer *gr in self.webView.scrollView.gestureRecognizers) {
        if ([gr isKindOfClass:[UIPinchGestureRecognizer class]]) {
            gr.enabled = NO;
        }
    }
}

InformationsquelleAutor UrK

-1

Cela a fonctionné pour moi. https://gist.github.com/paulofierro/5b642dcde5ee9e86a130

  let source: String = "var meta = document.createElement('meta');" +
  "meta.name = 'viewport';" +
  "meta.content = 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no';" +
  "var head = document.getElementsByTagName('head')[0];" + "head.appendChild(meta);";
  let script: WKUserScript = WKUserScript(source: source, injectionTime: .atDocumentEnd, forMainFrameOnly: true)
  let userContentController: WKUserContentController = WKUserContentController()
  let conf = WKWebViewConfiguration()
  conf.userContentController = userContentController
  userContentController.addUserScript(script)
  let webView = WKWebView(frame: CGRect.zero, configuration: conf)

InformationsquelleAutor Jonny

Vous devez vous connecter pour publier un commentaire.