2015-10-08 21 views
7
emülatörü ve gerçek cihazda

sides paddingGarip dolgu kullanırken UIWebView/WKWebView

Ben sayfanın sol ve sağ taraflarında bu beyaz dolgu olsun. Ayrıca üst çubuğu da kaldırmak istiyorum. MainStoryboard üzerinde UIWebView/WKWebView var: Constrains

Sınır değerlerin -20 değerini ayarlamayı denedim, ancak hiçbir şey vermiyor. İşte kod:

@IBOutlet var webView: WKWebView! 


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

     self.automaticallyAdjustsScrollViewInsets = false; 

     let url = NSURL(string: "https://www.google.ru/"); 
     var req = NSURLRequest(URL: url!); 
     webView.loadRequest(req); 

    } 

ve ayrıca ben google test başlamadan önce bana ait sayfaya body { padding: 0; margin: 0; } eklemek çalıştı. Safari'yi kontrol ettim - bu mükemmel Google resimlerine uyuyor. Yani denediğim hiçbir şey bana yardım etmedi. WKWebView'daki sol/sağ beyaz dolguyu nasıl kaldırabilirim?

+1

Önde gelen/sondaki kısıtlamalarınızın kenar boşluğuna göre göründüğü anlaşılıyor. Onları marjla göreceli yapmayın ve ne olduğunu görün. –

cevap

6

Kutudan çıkmış gibi görünüyor WKWebView, gövde etiketinde bir kenar boşluğu ayarlıyor. Sen marjı 0.

let config = WKWebViewConfiguration() 
let bodyStyle = "body { margin:0; }" 
let source = "var node = document.createElement(\"style\"); node.innerHTML = \"\(bodyStyle)\";document.body.appendChild(node);" 

let script = WKUserScript(
      source: source, 
      injectionTime: .AtDocumentEnd, 
      forMainFrameOnly: false 
     ) 

config.userContentController.addUserScript(script) 
webView = WKWebView(frame: CGRectZero, configuration: config) 

Yoksa görmek için sadece bir satır içi stil eklemek olacaktır hızlı ve kirli yolu ile vücut stil dahil yapılandırma ile başlatılıyor bir WKWebViewConfiguration oluşturup ekleyerek bu kaldırabilirsiniz. (Bu yolu denemedim)

+1

Bu benim için işe yaramadı ... – bkurzius

+0

Ben html kaynağını web görüntüleyicisine yüklüyordum. Stil etiketini eklemek ve kenar boşluğunu sıfır olarak ayarlamak benim için çalıştı. akshay1188