{"id":116036,"date":"2020-07-29T16:00:20","date_gmt":"2020-07-29T16:00:20","guid":{"rendered":"https:\/\/developer.apple.com\/news\/?id=trjs0tcd"},"modified":"2020-07-29T16:00:20","modified_gmt":"2020-07-29T16:00:20","slug":"should-i-use-wkwebview-or-sfsafariviewcontroller-for-web-views-in-my-app","status":"publish","type":"post","link":"https:\/\/sickgaming.net\/blog\/2020\/07\/29\/should-i-use-wkwebview-or-sfsafariviewcontroller-for-web-views-in-my-app\/","title":{"rendered":"Should I use WKWebView or SFSafariViewController for web views in my app?"},"content":{"rendered":"
<\/div>\n

Whether your app needs to provide a full web browsing experience, display richly-styled content, or incorporate external websites without taking people out of your app, you can make the experience smooth and seamless by choosing the right API.<\/p>\n

You can display web content inside of your app with both the WKWebView and SFSafariViewController APIs. But which is the best for your app\u2019s needs?<\/p>\n

WKWebView<\/strong> is part of the WebKit framework: It allows you to embed web content into your app as a seamless part of your app\u2019s UI. You can present a full or partial view of web content directly in your app by loading a view that leverages existing HTML, CSS, and JavaScript content or create your own if your layout and styling requirements are better satisfied by using web technologies.<\/p>\n

\n

Note: If your app uses the deprecated UIWebView API to display web content, you will need to update your code as soon as possible for improved security, performance, and reliability. Learn more:<\/em><\/p>\n

Updating Apps that Use Web Views<\/a><\/p>\n

\n

SFSafariViewController<\/strong> is part of the SafariServices framework, and lets your users browse a web page, or a website right inside your app. With it, people can enjoy the same web browsing experience they get in Safari \u2014 including features like Password Autofill, Reader, and Secure Browsing \u2014 without ever having to leave your app.<\/p>\n

These two APIs can provide a lot of the heavy lifting for web technologies in your app, though there are a few instances where we recommend alternative frameworks. For example, when presenting a web-based login screen for your app, use ASWebAuthenticationSession to provide people with the most secure experience.<\/p>\n

When should I use WKWebView?<\/h3>\n

If you need to customize or control the display of web content \u2014 or interact with the content itself \u2014 WKWebView will be most flexible in helping you build the implementation that suits your needs. (If your app is designed to be used offline, make sure any WKWebView content has appropriate fallbacks and alerts.)<\/p>\n

Additionally, consider WKWebView if you need to display HTML or CSS content inline or as part of rest of your app\u2019s user interface.<\/p>\n

<\/p>\n

The Washington Post\u2019s development team implemented WKWebView to display content from the Washington Post website within their app.<\/p>\n<\/div>\n

In short, WKWebView is an incredibly powerful technology that works in tandem with iOS and macOS frameworks. That said, WKWebView is not designed to outright replace system technologies and frameworks. For example, you should avoid using it in place of device-optimized UIKit classes like UITableView, UIImage, and UIButton, as you lose out on core system behaviors and provide a subpar experience for people who use your app.<\/p>\n

When should I use SFSafariViewController?<\/h3>\n

When you want display websites inside your app without sending people to Safari, the best tool is SFSafariViewController. By using this API, you can effectively embed the Safari interface \u2014 and many of its key features and privacy protections \u2014 into your app. <\/p>\n

<\/p>\n

The Apple Developer app displays web links through SFSafariViewController.<\/p>\n<\/div>\n

SFSafariViewController is best used when you need to display interactive web experiences on websites you don\u2019t own, or showcase parts of your web content that are generally outside the scope of your app.<\/p>\n

\n

Resources<\/h3>\n

WKWebView<\/a><\/p>\n

SFSafariViewController<\/a><\/p>\n

\n
\n
<\/a> <\/section>\n
<\/p>\n

Customized Loading in WKWebView<\/h4>\n

<\/a> <\/p>\n

WKWebView allows you to seamlessly integrate web content into your app. Learn how new features in WKWebView allow you to manage cookies, filter unwanted content, and give you more control over loading web content.<\/p>\n<\/section>\n<\/section>\n<\/section>\n

\n
\n
<\/a> <\/section>\n
<\/p>\n

What’s New in Safari View Controller<\/h4>\n

<\/a> <\/p>\n

Safari View Controller brings Safari\u2019s features into your app for browsing the web and logging in with 3rd party services. Learn how to use new APIs to customize Safari View Controller\u2019s UI to fit your app\u2019s style.<\/p>\n<\/section>\n<\/section>\n<\/section>\n","protected":false},"excerpt":{"rendered":"

Whether your app needs to provide a full web browsing experience, display richly-styled content, or incorporate external websites without taking people out of your app, you can make the experience smooth and seamless by choosing the right API. You can display web content inside of your app with both the WKWebView and SFSafariViewController APIs. But […]<\/p>\n","protected":false},"author":2,"featured_media":116037,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[55],"tags":[],"class_list":["post-116036","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apple-developer-news"],"_links":{"self":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/116036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/comments?post=116036"}],"version-history":[{"count":0,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/posts\/116036\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media\/116037"}],"wp:attachment":[{"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/media?parent=116036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/categories?post=116036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sickgaming.net\/blog\/wp-json\/wp\/v2\/tags?post=116036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}