The Safari View Controller

Deep linking takes care of the situations where a link in an application redirects to Safari. However, there are other ways that developers can handle links in their applications. The other major method is one you’ll find in apps like Skype and Facebook, and it’s basically a mini web browser built inside the application. These built in web browsers traditionally used UIKit’s UIWebView class, which was subject to performance constraints when compared to mobile Safari. iOS 8 introduced the WKWebView class which was just as fast as Safari, but had some issues of its own that made it difficult to implement in many situations. While iOS 9 fixes many of the issues with WKWebView, such as lack of support for loading local files with the file://URL protocol, it also comes with a much better method for developers to handle the transition from their app to Safari. This new feature is called the Safari View Controller.

The main reason for Safari View Controller’s existence is to provide a better user experience than the existing miniature web browsers that applications have built in to them to handle web links. When an application handles the rendering of web pages on its own, the user loses access to many features of Safari like their password keychain, their stored credit card info, their cookies, and more. The obvious solution to this is to just use Safari, but that has traditionally come with the cost of moving the user out of their current application. This is certainly improved with the addition of the back link in iOS 9, but it would be much better if those mini web browsers could just be replaced by Safari running inside of an application. That’s essentially what Safari View Controller is.

When an application uses Safari View Controller to handle web content, the user will be presented with the interface above after clicking on a link. It’s very similar to Safari’s interface, but with a few alterations to let the user know what has happened. For starters, there’s a button in the upper right that says “Done”, which is a fairly obvious control to return to the application. The URL bar at the top is also greyed out, which indicates that you can’t change it. If you do want to start surfing the web, there’s a button in the bottom right to open the actual Safari application. Developers can also specify a custom tint color for the UI so users remember what application they’re working within.

While Safari View Controller gives the user access to all of their data like passwords, credit cards, and cookies, none of this information is provided to the host application. This is because Safari View Controller is actually running in a completely separate sandboxed application, which means that users don’t have to worry about the security of what they input or where they visit. This is also helpful for developers who don’t want to deal with the privacy implications of having users input into their own built in mini browser. What’s also useful for both developers and users is the ability to specify custom options in the Safari View Controller share sheet, such as a button that can share the current web page to a social network or to a contact via an instant message.

Since applications haven’t taken advantage of Safari View Controller yet it’s difficult to really communicate the advantages it provides. However, I think everyone can appreciate the improved user experience that comes with having access to all your web browser content in a safe and secure manner within any application. Since Safari View Controller also makes a developer’s life a lot easier by taking away the need to build a mini web browser UI, I think it will see significant and speedy adoption among new and existing applications.

Safari Content Blockers

I mentioned earlier in the review that Apple News ends up freeing you from the terrible ads, trackers, and slow JavaScript code of the modern web. However, the fact of the matter is that almost every user will have to use Safari or another web browser to do things on their phone, and most will use one on a daily basis. If your task isn't reading news, then Apple News can't protect you from the cruft of the web. One solution is to use native apps for websites, but it's hardly the case that every website offers their own app. The other solution is what we get in iOS 9, with a new Safari feature called Content Blockers.

Safari Content Blockers are extensions that provide Safari with a list of rules which defines content or resources on webpages that should not be shown or even loaded. The list of rules is written in JSON, and the syntax is simple enough that it really wouldn't be that difficult for most people to figure out how to make their own Content Blocker on their own. Having a relatively user-friendly syntax is also important because iOS 9 now allows you to sideload applications and extensions without having to pay the yearly $99 for an iOS developer account so long as you're compiling from source. This means that users can write and install their own Content Blocker with Xcode, or download and install an open source one from the web.

Pretend that you're reading AnandTech, and you're really annoyed at the Twitter sidebar on the right for whatever reason. You decide to write a Content Blocker to remove it, and the code for that blocker is what's shown in the Xcode project window above. As you can see, it's fairly readable code. The action applies the css-display-none attribute to page elements matching the selector, which is article.twitter in this case. For the trigger section we have the url-filter set to .* which means anything, as we want to indiscriminately eradicate every part of the Twitter feed. To make sure it doesn't affect content on other sites we tell it to only apply if the domain matches AnandTech.com or any of its subdomains.

Once you install an application that provides a Content Blocking extension, a new Content Blocker menu will appear in the Safari section of the settings app. In that menu you can enable or disable the Content Blockers that exist on your device. There's not much more to it once you enable the Content Blocker. If you were to install this and load any page on AnandTech the Twitter sidebar would be completely gone. It's worth noting that Content Blockers can only be installed on ARMv8 devices, which limits it to any device with Apple's A7, A8, or A8X SoCs.

While blocking specific content is one application of Content Blockers, you can create rules that apply to large swaths of content. The application that I'm sure many users are thinking of is blocking advertisements, and trackers. It is true that you can make Content Blockers to remove advertising, and I have no doubt that there will be ad blocking apps available very soon. As a writer, I can only do my job because this website is funded by advertising revenue, which would disappear if everyone blocked ads. At the same time, I recognize the fact that ads almost always come along with privacy violating tracking, garbage JavaScript code, and a long period of network activity which keeps your device's radio working and drains your battery. I'm not going to get involved in the debate about the ethics of ad blocking, but I did make an ad blocker for AnandTech to show what changes it makes to load times and page sizes.

The top image show a timeline of the network activity, page rendering, and JavaScript execution for the AnandTech home page without any advertisements or tracking scripts disabled. The bottom shows those same metrics when they are all blocked using a Content Blocker that is only a couple of lines longer than the one above I used to remove the Twitter sidebar. As you can see, the difference is absolutely enormous. Without Content Blocking it takes 1.43 seconds to just load in the core site content, which is over double the amount of time with Content Blockers. 1.43 seconds doesn't sound like a lot when it's not even one second longer, but it's extremely noticeable once you see how quickly the page loads with the blockers. There's also a 2.5MB reduction in data usage, and it's worth noting that there are sites that load even more than 3.5MB with ads. I'm not in the business of public shaming, but other people have already published the results of using Content Blockers on other websites and all I can say is that while 3.5MB is not amazing, it can get even worse.

The most shocking thing of all is the reduction in network traffic. With no ads firing trackers your network requests end when the page loads. Without the Content Blockers you can see that the network requests continue. The results vary, but I've seen it go as long as 25 seconds. Those 25 seconds are a period where your data is being used, and your radio is actively in use which is draining your battery without you even knowing it.

Like I said before, I'm not going to take a stance for or against adblocking. I will say that as a user, one never really gives explicit permission to be tracked, and it's just implied by your use of a service which makes it less clear to the user what exactly they're consenting to. I'll also say that the ad experience on the web is nothing short of terrible. If ad blocking becomes a big thing in mobile the publishers and ad networks are going to have to fix the intrusiveness and slowness of ads, or move inside applications like Apple News where another company that does know how to implement them in a user friendly manner can do it for them.

Under the Hood: UI Navigation, Input, App Thinning Final Words
Comments Locked

227 Comments

View All Comments

  • Wolfpup - Wednesday, September 16, 2015 - link

    Good/interesting question.

    So weird to think the iPad 2 seemed all-powerful (for a mobile device) just a few short years ago. :-D
  • Peichen - Wednesday, September 16, 2015 - link

    Looking forward to try it out on my new 6S+. I do wish with the bigger RAM Safari would let me cache more sites so I can read them on the train.
  • Wolfpup - Wednesday, September 16, 2015 - link

    Can you use that reading mode? I think you can save stuff to read offline, stores it to flash. That seems like it would be what you want.

    (I'm not 100% sure about this as I don't really have a use for that mode, but that seems to be what it does.)
  • Klug4Pres - Wednesday, September 16, 2015 - link

    Congratulations to the reviewer on finally addressing the RAM situation with some serious analysis - long overdue!
  • iwod - Wednesday, September 16, 2015 - link

    I am wondering why it still take 60MB for a Twitter Client. Even the Pinterest 35MB is huge in my opinion. Since most of the heavy lifting are done in the OS already. I was expecting these apps to be within 20 - 30MB range.

    And the people who are complaning about the review are the ones who also complain about the recent Apple Pencil. Whenever we are on the topic of Apple, there are basically two types of people,

    Those who don't understand Apple, and those who misunderstand Apple.
  • Pissedoffyouth - Wednesday, September 16, 2015 - link

    I still don't know why Whatsapp needs 100mb+ on my phone either
  • Kepe - Wednesday, September 16, 2015 - link

    Probably because all the images and videos your buddies send are stored on your device and counted as part of the app's total size. If you're on Android, go to settings -> apps -> Whatsapp and clear Data. A fresh install of Whatsapp is 24MB on my phone.
  • danbob999 - Wednesday, September 16, 2015 - link

    Twitter needs to be 60MB for two reasons:

    -1MB for the twitter client
    -59MB to spy on you
  • tipoo - Wednesday, September 16, 2015 - link

    Argh, I didn't know content blockers will only work on ARMv8. Bummer, A5 and A6 need them most.
  • Wolfpup - Wednesday, September 16, 2015 - link

    I gave up on both Google Keep and Apple’s Notes, as in my experience neither syncs reliably.

    I’ve ended up using Google Docs for notes, as it pretty much does sync fine…weird since it’s also from Google.

    “What would have been optimal for RAM would be if Apple had moved to 2GB with A7 to offset the additional memory usage of 64bit applications, and moved to 4GB in the next generation iPads (Air 2, future devices) to accommodate multitasking”

    Absolutely! I really thought the iPhone 5s/iPad Air should have shipped with 2GB…for years now I’ve felt Apple’s been shipping virtually every iOS device with half the RAM it should have, and I was utterly stunned when even the iPhone 6 continued shipping with only 1GB.

    The original Surface 1 (ARM) has similar specs to the iPad 2 in terms of CPU/GPU, but 4x the RAM, and runs a desktop web browser (and office suit for that matter). It’s VAAAAAAAAAAASTLY more useable than dealing with mobile Safari and “multitasking” as it exists on iOS. This all sounds like a huge upgrade in iOS 9, but still, the limited RAM and way it’s implemented…oh well, it’s still a step forward.

    I can see using remote desktop + Safari, or Safari + Mail at the same time on a iPad Pro as being a vastly superior experience to what’s available now on iOS, at least assuming this all works fairly decently.

    On my iPad now, I literally half the time just remote in to a Windows 8 system to take advantage of the real multitasking (and file system) as it’s soooo much faster than slooowly loading a program, slowly switching, having the first program have to reload, tabs having to reload constantly, etc., etc., etc.

    Regarding the back button issue, I STILL don’t really “get” having a system wide back button in Windows Phone and Android. The way it works isn’t consistent, and I still find it more confusing than just implementing a UI however you want it in your own program. I mean even with a back button that’s still what’s going on, as I’m often unsure (aside from just remembering on a case by case basis) what “back” is going to do at any given time. The back link sounds like it’ll be useful, maybe.

    The “Safari view controller” sounds great, fixes some issues I’ve had, and I appreciate that it’s sandboxed from the host program that invoked it, though of course there’s the security \issue that you might not KNOW whether you’re in Safari or in the program proper.

    Regarding “app thinning”, I wonder what happens with iTunes? Does iTunes get ALL the resources, and then sync all of them, or do the “thinning” when syncing to a specific device?

    And there’s “GPU low/high”…but what happens as we get new GPUs in the future? I mean do “low/high” kind of correspond to specific GPUs? Will there be a “high 2”, etc. down the line?

    I wonder too what happens to programs already installed? Do they have to be deleted and redownloaded from the store (or presumably when they get updated) to get “thinned”, and for that matter, what happens when you download something on an iOS device, and it syncs back to iTunes on a PC?

    The “on demand resources” thing sounds idiotic. I don’t likes it!

    The “bitcode” thing is a nifty idea though (though once again raises questions regarding iTunes).

    Hmm…this does mean theoretically the 32GB on the iPad Pro should go a bit further than 32GB under iOS 8…

Log in

Don't have an account? Sign up now