How to make Webkit webView with Swift with safe area constraints for iPhone X?

 Last updated on December 06, 2017

1) The storyboard setup should look like the following image:

2) Write the following code in the view controller:

import UIKit
import WebKit

class ViewController: UIViewController, WKUIDelegate, UIApplicationDelegate, WKNavigationDelegate {

  @IBOutlet weak var webViewContainer: UIView!

  let requestURLString = "“

  var webView: WKWebView!

  override func viewDidLoad() {

   let webConfiguration = WKWebViewConfiguration()

   let customFrame = CGRect.init(origin:, size: CGSize.init(width: 0.0, height: self.webViewContainer.frame.size.height))
   self.webView = WKWebView (frame: customFrame , configuration: webConfiguration)
   webView.translatesAutoresizingMaskIntoConstraints = false
   webView.topAnchor.constraint(equalTo: webViewContainer.topAnchor).isActive = true
   webView.rightAnchor.constraint(equalTo: webViewContainer.rightAnchor).isActive = true
   webView.leftAnchor.constraint(equalTo: webViewContainer.leftAnchor).isActive = true
   webView.bottomAnchor.constraint(equalTo: webViewContainer.bottomAnchor).isActive = true
   webView.heightAnchor.constraint(equalTo: webViewContainer.heightAnchor).isActive = true

   webView.uiDelegate = self
   webView.navigationDelegate = self
   webView.scrollView.bounces = false

  func openUrl() {
   let url = URL (string: requestURLString)
   let request = URLRequest(url: url!)