Return to site

Ios 6 Safari Version

broken image


We reveal everything jailbreak related & jailbreak download links for your iPhone, iPad, iPod touch, and Apple TV on this page.

What is Jailbreak?

Jailbreak is the process of removing Apple software restrictions for iOS devices. Usually, iOS users can install apps from the Apple App Store only. Jailbroken devices allow you to install 3rd party apps that are not offered by Apple. Therefore, Jailbreak is the only way to install iOS system tweaks, themes, customization apps and many kinds of Apple dissentient apps.

Jailbreak tools and processes may vary depending on your device model and iOS versions. You should use the most compatible Jailbreak tool according to your device model / iOS version and computer operating system.

You can download the latest Jailbreak support from the following pages.

Safari translation (beta) supports English, Spanish, Chinese, French, German, Russian, and Brazilian Portuguese. Testing conducted by Apple in August 2020 using MotionMark 1.1 and Speedometer 2.0 performance benchmarks. Safari tested on production iPhone 11 Pro Max with iOS 13.6.1 and prerelease iOS 14, with WPA2 Wi-Fi network connection. Get the latest version of Safari for your Mac. Get to know the all-new Safari. Learn about all of its new features. Custom start page. Add a background image, and select which sections are shown, such as Favorites, Siri Suggestions, iCloud Tabs, and Reading List. Make it your own.

  • iOS 14.4 Jailbreak (Beta)

What are the Jailbreakable iOS devices?

Jailbreak iPAs are available for all iPhones, iPads, iPod Touches and Apple TVs. However, this is not available for iWatch at this time.

Jailbreak iPhone

iPhone 12, 12 Pro, 12 Pro Max, 12 mini are the latest and IOS 14.2.1 released only for these devices as latest versions. iPhone has default limitations to device customizations / system file access. Even 3D Touch feature is only available in the latest iPhone models. So iPhone jailbreak is the only solution to get all the missing features to your iPhone device.

  • iPhone 12, 12 Pro, 12 Pro Max, 12 mini Jailbreak

Apple released the iPhone 12 series with three new models. Playr 2 2 3 download free. iPhone 12, iPhone 12 Pro, iPhone 12 Pro Max were launched at the Apple event with iOS 14.1. Go to iPhone 12 jailbreak page for more details.

  • iPhone 11, 11 Pro, 11 Pro Max Jailbreak

Apple released the new 03 models as iPhone 11, 11 Pro, 11 Pro Max with iOS 13 at the 2019 Apple event. Go to iPhone 11,11 Pro,11 Pro Max Jailbreak page for more jailbreak details.

  • iPhone XS, XS Max and XR Jailbreak

Apple released iPhone XS, XS Max and XR with iOS 12 launch event. This is released with the most powerful A12 bionic chip. Click iPhone XS Jailbreak to get more iPhone XS, XS Max and iPhone XR jailbreak tools and methods.

  • iPhone X Jailbreak

Best casino payouts in michigan. Apple released the iPhone X to celebrate their 10th Anniversary. For the very first time, the Keen team proved the iPhone X jailbreak possibility using iOS 11.1.1. At this time it has several jailbreak tools and jailbreak alternatives compatible with iPhone X. Click on the iPhone X jailbreak page for more details.

Jailbreak iPad

The iPad has less expandability / limited customization/cannot run third party software. Apple included multitasking features in the latest iPad OS releases. However, some older iPad cannot get these features without jailbreaking. So iPad jailbreak is the only solution to bypass all these restrictions.

Jailbreak iPod Touch

Apple refers to iPod Touch as 'iPhone without the phone.' Normally, iPod Touch design is mainly for playing music and video / digital camera /game devices. iPod Touch users cannot get phone calls / cellular network data /voice recording capability/Can not play other media formats. Screenshots in mojave. iPod Touch jailbreak allows you to get some awesome features.

Jailbreak Apple TV

Apple TV jailbreak is available to get jailbreak features such as weather slideshows on your TV menu and screen saver settings adjustment. Jailbroken devices will offer Hulu, ESPN, Amazon, Last.fm, Pandora, PBS, A&E, ABC, CBS, NBA, MTV media services.

Jailbreak Apple Watch

Apple Watch series 4 is the latest. Most valuable functions are not available in Apple Watch yet. Web browser support /advance clock types /custom watch faces are the top missing features. Even though Jailbreak is the way to get it, there is no iWatch jailbreak solution for Apple Watches yet.

What are the available Jailbreak methods?

Untethered Jailbreak:

Untethered jailbreak is defined as a permanent and real solution. You can reboot your iPhone or iPod touch as much as you want without losing jailbreak. Ex: Old Pangu Jailbreak

Tethered Jailbreak :

Tethered jailbreak is defined as a temporary. It means you will lose the jailbreak every time after reboot. The Tethered method does not allow you to restart your device. Ex : Old Redsn0w Jailbreak.

Semi-tethered Jailbreak :

Semi-tethered Jailbreak is the combination of the above methods. This method allows you to restart your device with limited use and you need to run the jailbreak tool to get full functional cydia. According to the Semi-tethered jailbreak, it needs to get PC support to run the jailbreak tool repeatedly, when Cydia is lost. Ex- Newly released Checkra1n Jailbreak.

Semi-untethered Jailbreak :

Semi-untethered jailbreak is very similar to Semi-tethered Jailbreak. One and only difference is the Semi-untethered Jailbreak method never asks PC support to resolve Cydia when it is lost in every reboot. Ex: Unc0ver Jailbreak.

Semi Jailbreak :

Semi Jailbreak is another jailbreak method. It allows you to install themes, tweaks, iOS customization apps and some popular Jailbreak functions with the system root access of your iPhone or iPad. However, it does not install Cydia on your device. Ritz Jailbreak & Houdini semi jailbreak are the most popular semi jailbreak methods.

Online Jailbreak (No PC) :

Most jailbreak tools ask PC or Mac support to complete the jailbreak process. JailbreakMe is the only tool which is possible to complete the jailbreak process without using a computer.

However, Silzee Online JB provides online Jailbreak IPA files for all full functional Jailbreak methods such as Unc0ver, Chimera, Meridian, G0blin, Saigon, Yalu102, H3lix, Phoenix, JailbreakMe, Home Depot, Pangu JB and Etason JB. Users can download the Silzee Online JB IPAs according to their iOS version from zJailbreak, Xabsi or iExtras app store.

Read more about Online jailbreak IPA methods from Jailbreak without PC Page.

What are the Jailbreak Alternatives / Jailbreak App installers?

At this time, several Jailbreak tools are available up to iOS 14.3 Jailbreak including iOS 14.4 beta.
But as soon as the new iOS version is released you can't jailbreak it. Because it needs some time to find bugs/ create exploits for the new iOS version. Also, some iOS versions, some device models can not jailbreak.

So you need to use Jailbreak Alternatives / Jailbreak App installers. These are allowed to download Jailbreak apps / third party apps on iOS versions.

Also, it has several Jailbreak Alternatives / Jailbreak App installers up to iOS 14.3.

Hence it has hardware based Checkra1n Jailbreak for iOS 12.3 – iOS 13.7 running A5 – A11 devices as well as iOS 14 – iOS 14.3 running A9/A9X/A10/A10X devices. Odyssey also updated up to iOS 13.7 Jailbreak on all device models & Unc0ver Jailbreak for iOS 13 – iOS 13.5 running A8X-A13 devices now you don't need to use alternative jailbreak solutions for these versions.

In addition, it has alternative jailbreak solutions for all these versions including all device models. Here are the most popular alternative jailbreak solutions.

  • Zeon

Zeon is the jailbreak repo extractor. It was specially designed as a jailbreak app download for iOS 14. Now it has upgraded adding jailbreak support for iOS 14.0.1, iOS 14.1, iOS 14.2, iOS 14.2.1, iOS 14.3 & iOS 14.4. It has available massive jailbreak repos under the Zeon for app download. You can install most popular app stores, theme apps, game apps, ++ apps, jailbreak alternatives and many more with Zeon.

  • Hexxa Plus / Hexxa

Hexxa Plus is a jailbreak Repo extractor especially designed for iOS 13. Jailbreak app download is possible with Hexxa Plus by extracting repos for the latest iOS 13+ as well as iOS 14+. You can install popular app stores, Themes, web Oses with Hexxa Plus. Hexxa Plus is an upgraded version of Hexxa. Hexxa repo extractor was initially released for iOS 12.2 and Now it is compatible with all iOS 12 & higher versions. Both Hexxa Plus and Hexxa have very impressive features.

  • Bregxi

Bregxi is released for iOS 12.3 for the very first time. Now it is compatible with iOS 12.3 & higher versions. Bregxi uses a repo extracting method for jailbreak app download to your iPhones and iPads. Most popular repositories exclusively available with Bregxi.

Download Bregxi.

  • Ziyu

Ziyu is one of the best methods to download jailbreak apps on iOS 12 & higher versions. Actually, it is a Jailbreak repo extractor. It will download Jailbreak apps including Cydia by extracting repo. Ziyu is available with zJailbreak, Xabsi or iExtras app stores.

Download Ziyu.

  • Rootless Jailbreak

Rootless jailbreak is available for iOS 12 to iOS 12.4.9. You can install a Rootless installer instead of Cydia. It helps to install jailbreak tweaks and themes for supported versions.

Download Rootless.

  • Vistian

Jailbreak tweaks can be installed with Vistian. Apple has introduced this method recently to install jailbreak tweaks with Apple's shortcut app.

Download Vistian.

  • Anzhuang

Anzhuang is the best online jailbreak app installer up to iOS 12.1.4. It is available with zJailbreak, Xabsi or iExtras app stores and installs jailbreak apps using Dev code extraction method.

  • Velonzy

Velonzy is another jailbreak app installer for iOS iOS 10.3.3 to iOS 11.4.1 versions. It installs jailbreak apps via UDID registration method. It has both NO PC and PC required installation method. Now it has discontinued by the developer.

  • Apricot iOS

Apricot iOS is a virtual jailbreak for latest iOS versions including beta. It runs synchronously on supported devices as an app. Apricot iOS installs Cydia on your device virtually

  • Lightning cable Jailbreak

Lightning cable Jailbreak is another hardware related concept. Hackers turn Apple's Lightning connector to debug kernel bugs. Because of this method, it can use Lightning cable for future jailbreak. Yuxigon is the lightning connector jailbreak ever.

What is a Jailbreak App manager?

You can manage jailbreak apps and tweak themes through the app manager. Cydia is the best and most popular Jailbreak app manager. Most software Jailbreak tools help to get it automatically after the jailbreak process.You can install tons of free third party apps / tweaks to your device through the Cydia sources.


Also, alternative jailbreak app managers are available to install third-party apps including Cydia. zJailbreak, Xabsi and iExtras are the most popular alternative jailbreak app stores.

Who is the developer of Cydia?

Jay Freeman, also known as saurik, developed Cydia to manage jailbroken devices. He is an American software engineer. He also developed the most popular third party apps such as Apple File Conduit 2, Cycorder, CyDialer, Cydget, Cyntact, Cyueue, Five Icon Dock, Veency, and WinterBoard.

Saurik has also released Cydia Impactor as a jailbreak removal tool.

Is jailbreak illegal?

No, Software Jailbreak is legal according to the US government. It is officially confirmed as judicial proceedings by the Digital Millennium Copyright Act (DMCA) of the USA. However, iPad jailbreaking, unlocking iPhones through jailbreaking, installation of pirated apps using jailbreak, and spying is illegal according to US laws.

What is the difference between Jailbreaking and Unlocking?

Unlocking and jailbreaking are entirely different things. Even the software Jailbreak goes with iOS versions, Unlock is valid for the device. You cannot unlock the latest iOS versions using jailbreak, but users can unlock their devices using Jailbreak. UltraSn0w is the most popular unlocking source for jailbroken devices. Developers ( iPhone Dev-Team) updated Ultrasn0w to iOS 6.1 and gave up the Ultrasn0w project. But, there is no available jailbroken unlocking method now.

How to install apk files after the jailbreak?

apk files are created for Android devices. It runs only on Google's mobile operating system. Normally, apk apps cannot install on iDevices running iOS operating systems. However, after the jailbreak process it can install apk apps / files as third party apps on jailbroken iPhones and iPads. But, it cannot work apk apps properly on iOS devices. Because it uses a different coding system to write apk files. So, it is no use installing apk files on jailbroken iPhones or iPads.

What are the Jailbreak tools released so far?

The jailbreak process may vary depending on your iOS version. You must know your iOS version before downloading the jailbreak tool.

Go to 'Settings' > 'General'> 'About' to figure out your iOS version.

Here is the most popular Jailbreak tools list of the world.

What is Hardware Jailbreak?

Hardware Jailbreak is somewhat different from Software Jailbreak. Some hackers could add extra features to modifying the hardware of iPhones.

Currently, Hardware Jailbreak is only available for iPhones up to iPhone X.
Still, Hardware Jailbreak is not available for iPhone XS, XS Max, and XR.

Popular Hardware Jailbreaking

* Blinking light effect to Apple Logo Look what i have created.

* Speaker lights for Speakers

Unfortunately, Hardware Jailbreak is not as easy as the Software Jailbreak. You must have excellent ability to set extra hardware removing iPhone cases.

Problems, changes and new APIs

by Maximiliano FirtmanTwitter @firtAboutNewsletter

About 18 min reading time

Apple has rolled out iOS 7 with iPhone 5S and iPhone 5C . As expected, Apple has published just 10% of the necessary information for web developers, and I can say without fear of mistake that this is the buggiest Safari version since 1.0. In this post I'll show you the new APIs and abilities and most of the problems that you will need to deal with right now if you have a website or a webapp.

In a nutshell #

Don't have time for reading the long post?

  • UI Changes: toolbar tint, problems with new full-screen navigation, new home screen icon sizes; no </code> usage on iPhone; possible conflicts with new gestures.</li><li><strong>New devices:</strong> nothing new about them for web developers, same as iPhone 5.</li><li><strong>HTML5 markup</strong>: video tracks, <code><progress></code>, REMOVED support for <em>input type=datetime</em></li><li><strong>HTML5 APIs</strong>: Page Visibility, AirPlay API, canvas enhancements, REMOVED support for Shared Workers, Web Speech Synthesis API, unprefixed Web Audio and Animation Timing, Mutation Observer and other minor additions. BIG PROBLEM with WebSQL using more than 5Mb.</li><li><strong>CSS</strong>: Regions, Sticky position, FlexBox, ClipPath, unprefixed Transitions and other enhancements</li><li><strong>Home Screen webapps:</strong> SEVERAL SEVERE PROBLEMS (for example, no <em>alert</em> support!)</li><li><strong>Native webapps</strong>: Web View Pagination, JavaScript runtime for native apps and video playing new abilities</li></ul><h2>The new browser #</h2><p>Safari, as well as other native apps, has received the biggest update in the user interface and experience since version 1.0. These changes will affect how users interact with websites and how your webapp will react.</p><h3>Toolbars' tint #</h3><p>Safari will now tint the toolbars (URL bar and bottom toolbar on iPhone) based on: a) the background color when loading the page and b) the current main color behind the bars while scrolling.</p><p>If you want to 'hack' the initial tint and have different backgrounds for the body and the tint without adding noise to the HTML (such as new containers) just use the following CSS hack:</p><p>In this hack we define both background color and image; the content will use the image, in this case a gradient (it can also be a data URI 1px image). In the next examples, you can see the first two samples with the same color (just a background) and the last examples with one tint color and other background color for the body.</p><h3>Full screen and big problems for HTML5 apps and games #</h3><p>Web browsing is now always in full screen on iPhone and iPod touch. When the user scrolls the page in portrait orientation, the bottom toolbar will disappear and the URL bar is transformed to a small semi- transparent bar at the top. On landscape, after the user scrolls the page the bottom toolbar and the Host domain bar will both disappear, leaving it in complete full-mode.</p><p>The toolbar and full URL bar will appear again when: 1) the user taps on the domain host at the top or 2) the user starts to scroll back to the top.</p><p>The next picture shows how the UI changes before and after scrolling in landscape and portrait mode:</p>
Ios 6 safari version download

The problems are:

  • The resize event is not firing anymore when the toolbar is appearing/disappearing
  • We can't detect changes with JavaScript or media queries
  • The old hack of using window.scrollTo to hide the URL bar doesn't work anymore; therefore there is no way to hide the URL bar or toolbar without user's intervention scrolling the page.
  • If you are not using a natural scroll, you will have problems (detailed below).
  • UPDATE 19/9: The bottom part of the canvas is not interactive anymore (details later)

If you are using a 'non natural' scrolling layout, such as iframes, sections with overflow:scroll or a JavaScript-based scrolling mechanism, toolbars will never hide. And even more problematic, if somehow the user gets into fullscreen mode he will not be able to go back again to normal mode. As an example, see the Twitter website (using overflow: scroll) on landscape mode where your scrolling area is less than 50% of the screen and toolbars never go away.

Windows 10 pro lite x64 for winclone. To be honest, if you go portrait and then landscape again, sometimes, you will get full-screen without scrolling, but you can't get out of it. You need to test it to get the idea of the problem.

Ios safari version

The problems are:

  • The resize event is not firing anymore when the toolbar is appearing/disappearing
  • We can't detect changes with JavaScript or media queries
  • The old hack of using window.scrollTo to hide the URL bar doesn't work anymore; therefore there is no way to hide the URL bar or toolbar without user's intervention scrolling the page.
  • If you are not using a natural scroll, you will have problems (detailed below).
  • UPDATE 19/9: The bottom part of the canvas is not interactive anymore (details later)

If you are using a 'non natural' scrolling layout, such as iframes, sections with overflow:scroll or a JavaScript-based scrolling mechanism, toolbars will never hide. And even more problematic, if somehow the user gets into fullscreen mode he will not be able to go back again to normal mode. As an example, see the Twitter website (using overflow: scroll) on landscape mode where your scrolling area is less than 50% of the screen and toolbars never go away.

Windows 10 pro lite x64 for winclone. To be honest, if you go portrait and then landscape again, sometimes, you will get full-screen without scrolling, but you can't get out of it. You need to test it to get the idea of the problem.

Scrolling back to restore toolbars are making things complicate to HTML5 games also. Because this post has started in the Apple Forum while in Beta 1, lot of people were complaining about this problem, such as:

  • Richard Davey: 'This is actually a real issue for us. It has broken the display of all of our games on the BBC site (try anything on http://www.bbc.co.uk/cbeebies/ for example). With the removal of the full-screen button and the removal of this ‘hack' we've no way to make our games go full screen. So they are crammed into a tiny window in the middle of the browser on iPhones. (…) When you enter a page in landscape mode, only 2/3rd's of the screen area is available. Controls cover a full 1/3rd of the screen.(…)
  • TheFlashGuy: 'We need more control over the appearance / disappearance of the browser bars when in landscape mode. It's far too easy for a user to break out of this mode just by touching the top or bottom of the screen. This breaks a lot of websites and web apps whose major ui nav elements tend to sit in the top or bottom of the content area'

There is no way to have a truly fullscreen experience on your website. This was one of the wonderful aspects of iOS 6, and losing it is a major step backwards. Richard Davey.

Bottom toolbars and interactive elements (update 19/9) #

When in fullscreen mode, the bottom portion of the page is not interactive anymore. This problem affects any toolbar, link or form item that is in the bottom part of the viewport while in fullscreen mode (after scroll). For example, fixed toolbars at the bottom are one example.

When you click on that portion of the viewport, it doesn't matter where do you click, it will just fire the full-screen dismiss action. Therefore, Safari toolbars will appear and you will need to tap again on the interactive item to activate it. Therefore, two taps for action a button for example. To test it go here, scroll and try to click on the bottom toolbar.

For example, if you try to click Albums in the next image, it will just open the Safari toolbar and you need to click Albums again to go there.

Title #

The next big change in Safari's UI on iPhone is the title's area. The page's title on iPhone was replaced by the current host (the domain) as you can see in next image. The page's title is only available when browsing tabs on iPhone.

On iPhone with iOS 7 your page's </code> will be ignored while the user is browsing the document</p><p>On iPad there is no fullscreen mode; the toolbar and title's bar is always visible.</p><h4>New Add to Home button #</h4><p>The whole UI has changed, including new icons replacing the <strong>Share icon</strong> with a new style, so every website that is inviting the user to add it to bookmarks or to the Home Screen need to update the icon.</p><h3>Gestures #</h3><p>The operating system and Safari itself now offer new gestures that might impact your website, mostly if you are detecting gestures yourself.</p><p>A) <strong>Control Center:</strong> it appears when you swipe up from the bottom of the screen. In this version, because of the full screen, the bottom of the screen might be part of your website and not the Safari toolbar. Therefore, <strong>be careful when suggesting the user to do a swipe up from the bottom of the canvas.</strong></p><p>B) <strong>History Gesture:</strong> The second and probably more problematic gesture is the swipe right and left from the borders; Safari will trigger the back and forward action in the browsing history à la Internet Explorer on Windows 8 mode. This gesture might have some conflicts with your website if you are inviting users to swipe left or right without some nice margins around (but to be honest, you have the same problem right now with Chrome too).</p><p>The problem is even weirder on single page webapps (inside Safari) when using the History API or using a hash hack to manage app states. When the user starts a back gesture, he will see two images of the same app, but the user will be on the same app. And when you have side-by-side scroll gestures, such as Yahoo! homepage you might have usability issues if the user starts the gesture from the border (it even trigger touch events for just a while):</p><p>This gesture and the back animation (slide to the right) is also making conflict with some UI frameworks, such as jQuery Mobile or Sencha Touch as when the user gestures to go back, two animations will be rendered (by the browser and after that by the framework). Also, when the previous page was left at one specific scroll position, the snapshot during the slide animation is ok but then the page loads from the top, not keeping the scroll position.</p><p>There is no way to prevent these gestures as they are managed by the OS or the browser itself.</p><p>Hopefully, the History gestures are not available on home screen webapps or UIWebViews (such as PhoneGap apps)</p><h3>Icon sizes #</h3><p>The new OS icons are 5% bigger in 7.0 then in previous version, for example 120×120 on Retina iPhone devices instead of the previous 114×114. System icons are also flat now and they don't have the shiny effect anymore, so we might want to update our icons to match the new design. To do that we can use the same <em>apple-touch-icon</em> link with the new sizes values.</p><p>The <em>apple-touch-icon precomposed</em> version is still supported but it will make same results as the apple-touch-icon as now there are no shiny effects anymore on icons. If we define both, the precomposed version will take precedence.</p><p>Available icon sizes for iOS 7 are:</p><ul><li>iPhone / iPod Touch retina: <strong>120×120</strong></li><li>iPad non-retina (iPad 2 and iPad mini): <strong>76×76</strong></li><li>iPad retina: <strong>152×152</strong></li></ul><p>We need to remember that iOS 7 is not available for any non-retina iPhone-factor device. If we don't provide the new sizes, the device will pick the iOS 6 related one. If you want to cover all the possible icons for iOS, the code will look like:</p><h3>Bookmarks and Favorites #</h3><p>While on bookmarks there are new icons available (see left image below), it seems there is no way to define those icons specifically yet, as well as the text.</p><p>For the favorites (see right image below) that appear when you click on the URL bar, it seems to use the apple-touch-icon link but it doesn't follow any sizes rule and I've found weird situations, such as some websites with a proper link element that is not taking the icon for favorites.</p><h3>The new devices #</h3><p>In a few days, the iPhone 5S and the iPhone 5C will be available on the market and the good news is that from a web development perspective they are exactly the same as the iPhone 5. Same screen size, same pixel density, same abilities. They may be faster, but nothing to worry about from a coding perspective.</p><p>The new Touch ID feature (fingerprint scanner) is not available to web sites yet and the 64-bit CPU will not change anything from a JavaScript developer's perspective. <a href='https://soft-insure.mystrikingly.com/blog/adobe-pdf-reader-download-for-windows-7-32-bit'>Adobe pdf reader download for windows 7 32 bit</a>. Having said that, on the iOS Simulator now you have the ability to emulate a 64-bit CPU.</p><h2>HTML5 markup support #</h2><h3>Video tracks #</h3><p>The video HTML5 element now supports the <strong>track</strong> child for subtitles and/or closed captions. We can support multiple languages and they will appear in a picker inside the video player. The user can change the language and/or disable the captions from the track picker.</p><p>For all the possible track types (<em>kind</em> attribute), it supports only <em>captions</em> and <em>subtitles</em> and we have to define the language in the <em>srclang</em> attribute in ISO format (such as en for English). Subtitles are useful when the user can hear the audio but she/he doesn't understand the language and captions are for when the user can't hear the audio, so it includes additional information about what is happening (such as ‘background musing playing').</p><p>Defining the <em>label</em> attribute for track is worthless because on iOS it will be ignored and the language name will be used instead for the menu with an optional CC suffix if we are using captions instead of subtitles as the kind value.</p><p>Tracks can be accessed through a JavaScript API and we can use it to loop through all the cues on the track file. That might be useful only on iPad where we can truly embed the video in the web canvas instead of a always fullscreen mode on iPhone.</p><p>Track elements should follow cross-domain policies, as by default, the video and track origins must be the same. Using JavaScript we can detect if tracks are available using webkitHasClosedCaptions as in</p><p>We can also change captions visibility using <em>webkitClosedCaptionsVisible</em> boolean property of every video element.</p><h4>Styling captions #</h4><p>From a CSS perspective, iOS 7 supports the new <em>::cue</em> pseudo-element but we can only change <em>text-shadow</em>, <em>opacity</em> and <em>outline</em>. All other properties, such as color and font styles are ignored.</p><p>More about the Track element and API (have in mind that not all the API might work on Safari).</p><h3>Progress and output elements #</h3><p>The <code><progress></code> element is now supported, creating a progress bar on the screen based on max and value. There is no indeterminate progress support as in other browsers, so it's only suitable when we know the determinate value of the activity's progression.</p><p>The <code><output></code> element is now supported but I don't think you will be so excited about it :).</p><p>About <code><meter></code> it seems to be supported, all the content is ignored but nothing is rendered on the screen, so I think it's a bug.</p><h3>REMOVED: Datetime input type #</h3><p>Following Google Chrome, now Safari on iOS <strong>doesn't support the datetime input type anymore</strong> and it will fallback to text. This type was deprecated in the standard in favor of datetime-local or using two inputs, date and time for the same purpose. The problem is that datetime was compatible with iOS from version 5.0 to 6.1; if you are using it, be careful!</p><p>The week input type is still not available, but now instead of falling back to a text input type, it's rendered a non-interactive control</p><p>If you are using a input type='datetime' you should act immediately as it is now rendered as a text input type.</p><h3>Seamless iframe #</h3><p>The new boolean <em>seamless</em> attribute for iframes is now available on iOS 7 that will create a borderless iframe in your website. The iframe will not have scrollbars and, by default, it will get the height of the inner content appearing in the website as using the space of any other block element in the DOM.</p><h2>HTML5 JavaScript APIs #</h2><p>Let's start with bad news: <strong>no WebGL, FullScreen, WebRTC, getUserMedia or IndexedDB support yet</strong>.</p><p>In terms of new APIs available we have:</p><ul><li>Page Visibility API</li><li>XHR 2.0 full implementation</li><li>Video tracks API (already covered)</li><li>AirPlay API</li><li>CSS Regions API</li><li>Canvas enhancements</li><li>Removed support for Shared Workers</li><li>WebSpeech Synthesis API</li></ul><h2 id='ios-10-safari-version'>Ios 10 Safari Version</h2><p>Page Visibility is the API -webkit-prefixed on iOS 7- to detect when our tab goes foreground and background. You can try a live demo here. XMLHttpRequest 2.0 spec fully compatible means that now we can request ‘blob' as a response. The Video tracks API was already covered quickly and it allow us to query and navigate through all the tracks and contents on any media element.</p><p>The CSS regions API appears as part of the CSS Regions spec (covered later) and is basically the prefixed <em>webkitGetFlowByName</em> function available on every DOM element.</p><p>About the Canvas 2D Drawing API, we have now the <em>globalCompositeOperation</em> attribute on the canvas context that allows us to define the blending mode (such as multiply) when drawing different a layer on top of other. We also have a new <em>Path</em> constructor that we can then draw on the canvas' context allowing us to store these paths for later usage instead of drawing them directly on the canvas.</p><h3>AirPlay API #</h3><p>The AirPlay API needs some explanation. AirPlay is the wireless streaming solution from Apple that allows some devices to stream content to different other devices, for now usually an Apple TV. While Safari already supported <em>x-webkit-airplay</em> HTML attribute to define if we want AirPlay or not, we couldn't customize the experience from HTML5 before.</p><p>The API allows us to customize the player and get information and events about streaming through AirPlay. Every video element has the <em>eventswebkitplaybacktargetavailabilitychanged</em> and <em>webkitcurrentplaybacktargetiswirelesschanged</em>. They remind us how terrible is the idea of not using underscores, camel case or other technique for event names convention in JavaScript :S. The first event will fire when there is a new AirPlay target -such as an Apple TV- available or it's not available anymore; and the second when the playback status on one target has changed.</p><p>I think <code>webkitcurrentplaybacktargetiswirelesschanged</code> has won the record: the longest JavaScript event name ever.</p><p>If there is a streaming target available, we can then offer the user a button to pick the target calling the video <em>webkitShowPlaybackTargetPicker</em> function.</p><p>While there is no official documentation on this API yet, you can check the video ‘What's New in Safari and WebKit for Web Developers' from the WWDC session where they covered this topic.</p><h3>Background execution #</h3><p>Now we have several use cases for background execution:</p><ul><li>If the user is changing tab (Tab selection screen), your code is still executing but the image is frozen</li><li>If the user is changing apps (multitasking mode), your code is still executing and the image is updated</li><li>If Safari is in foreground but your website is in a background tab, your code is frozen and Safari has a snapshot of your last execution for UI purposes</li><li>If Safari is in background your code is frozen</li></ul><h3>WebSpeech Synthesis API #</h3><p><em>UPDATE 19/9: I could make this API work, so it is officially supported and working.</em></p><p>The WebSpeech API allow the website to record and transcript audio, as well as synthesize text to voice using internal voices in the operating system.</p><p>Safari on iOS 7 includes just the Synthesis API (text to speech) but not the APIs for listening for audio from the microphone. You can query on all the available voices to speak in different languages and on a real device it is returning 36 voices (sometimes you refresh the page and you get 0, a bug I think) using <em>speechSynthesis.getVoices().</em> In terms of English, you have female voice using <em>en-US</em> and male voice using <em>en-GB</em>. I'm not an expert in voice recognition but I feel that the voices in this API are not the same as Siri that sounds much natural in iOS 7.</p><p>To make JavaScript to speak from your website you can use a shortcut version in the default language or you can define different properties as the following examples:</p><p>From the <em>SpeechSynthesisUtterance</em> object we can also bind to some events, such as <em>start</em> and <em>end</em> but please don't use alert inside those events or your whole Safari will freeze (don't ask me why).</p><p>The speakable string can be just plain text. While the standard supports also an XML document in SSML format (Speech Synthesis Markup Language) for input, Safari on iOS is just reading the XML :).</p><p>It's important to keep in mind that <strong>the Speech Synthesis API works only after a user's explicit action</strong>, such as clicking on a button so you can't initiate a speech on the onload or on a time-base. Try this online demo browsing to ad.ag/jmawam on your iOS7 device</p><h3>Other changes #</h3><ul><li>MutationObserver</li><li>Unprefixed Animation Timing API (also known as requestAnimationFrame)</li><li>Unprefixed <em>transitionend</em> event name</li><li>Unprefixed URL</li><li>Unprefixed WebAudio API and new advanced abilities</li><li>New DOM properties <em>hidden</em> and <em>visibilityState</em></li><li>window.doNotTrack support</li></ul><h3>WebSQL bug #</h3><ul><li>Using <strong>WebSQL API</strong> will have big issues (DOMException) while trying to create a database bigger than 5Mb. On previous versions, the limit was 50Mb with user's permission. Because of a bug, when you try to store more than 5Mb the user will get a permission dialog but just for 5Mb only. Even if the user grants you permission because it's for 5Mb only, you will get an exception trying to get more. It's a BIG BUG.</li></ul><p><strong>Update 19/9:</strong> According to tarobomb from New York Times, if you request less than 5Mb when you first create the database and then you try to store more data (up to 50Mb) the proper confirmation dialog will appear (first 10Mb, then 25Mb and finally 50Mb) and you will finally be able to store more than 5Mb.</p><p><strong>Update 22/10:</strong> This bug is still there on 7.0.3 update.</p><h2>CSS Support #</h2><p>In terms of new specs supported (mostly webkit prefixed) we have:</p><ul><li>Sticky Position</li><li>CSS Regions</li><li>CSS Grid Layout (not working)</li><li>CSS FlexBox</li><li>Dynamic Font types</li></ul><h3>Sticky position #</h3><p>Sticky position is a new experimental feature that allow us to fix an element to the viewport but only when it's off the visible area (usually after a scrolling action). It's like mixing position: static with position: fixed when the static position moves the element outside of the visible viewport. If you have more than one sticky element, they will all accumulate in the same area -defining same position properties- creating a nice effect while scrolling similar to native UITableView sections.</p><p>UPDATE 19/9: Some reports indicate that this feature was available on 6.1 as well (but the community didn't get it so I'll keep it here).</p><p>You can try a demo.<br></p><h3>CSS Regions #</h3><p>With CSS Regions -spec proposed by Adobe- we can create magazine-like designs to flow content through different containers. Because of the nature of the screen size we'll use this new flow mechanism more on iPad websites and webapps.</p><p>Selecting content flowing into different regions is not allowed on iOS. CSS Exclusions, a way to define shapes for regions, usually coming as a Regions companion, is not available yet.</p><p>You can try some online demos</p><h3>CSS Grid Layout #</h3><p>CSS Grid Layout is other layout new spec from the W3C (proposed by Microsoft and already available in IE10). All the new CSS properties (-webkit-grid-X) are there available but I couldn't enable using display: grid or display: -webkit-grid. I'm not sure if there is a different way to enable it or is it that it's not ready yet.</p><h3>CSS FlexBox #</h3><p>The final spec for CSS FlexBox is finally here and it allow us to stop insulting floats and clear everywhere to layout elements horizontally and/or vertically. To use it we should use <em>display: -webkit-flex</em> to a container and apply different properties available</p><h3>Dynamic Fonts #</h3><p>Dynamic fonts are a new font type available in iOS 7 that adjusts weight, letter-spacing and leading based on current font size to improve legibility. We can take advantage of this new feature from HTML, using new -apple- prefixed constants (maybe because webkit is not going to use prefixes in the future?). We have a big list of constant, such as <em>-apple-system-headline1</em>, <em>-apple-system-body</em> and <em>-apple-system-caption1</em>.</p><h3>Other CSS improvements #</h3><p>There is no good news for media queries as <em>resolution</em> attribute is still not supported. Well, there is something new, such as the ability to query on <em>min-color-index</em> and <em>max-color-index</em> that is completely useless :)</p><p>We also have some minor updates, including:</p><ul><li>Unprefixed CSS Transitions (and the <em>transitionend</em> event).</li><li>CSS Clip Path to clip contents based on shapes, including circle, rectangles and polygons</li><li>Kerning and Ligatures on fonts are enabled by default</li><li>Background properties now gets more compatibility with different values</li><li><em>box-decoration-break: slice/clone</em></li><li><em>tab-size</em> style</li><li>overflow-wrap: normal/hypernate/break-word</li><li>support for the units <em>ch</em> and <em>vmax</em></li><li><em>mask-type: alpha</em></li><li>new <em>::cue</em> pseudo-element already covered in the video track section</li><li>New <em>-webkit-background-composite</em> property (but I couldn't make it work)</li></ul><h2>Home-screen webapps #</h2><p>If you are using Home Screen webapps, I have bad news for you: too many bugs are around this platform in this version.</p><p>The only good news is now it seems we don't have any limits for WebSQL Storage when in full screen; we don't need user's permission.</p><h3>Big issues #</h3><p>There are some big issues on home-screen webapps:</p><ul><li><strong>Standard dialogs are not working at all</strong>, such as <em>alert</em>, <em>confirm</em> or <em>prompt</em>.<strong>Update 22/10</strong>: iOS 7.0.3 solves this bug</li><li><strong>Webapps can't open an external URI</strong>, such as a website in Safari, make a call, open AppStore, etc. Any URI is just ignored.<strong>Update 22/10</strong>: iOS 7.0.3 solves this bug</li><li><strong>If you install more than 4 apps, the home screen will do strange things</strong>, such as replacing one webapp with another one. You will start seeing clones of the same webapp. The same happens when you open different webapps at the same time. Just try it on your device: go to <em>app.ft.com</em>, install the webapp; go to <em>pattern.dk/sun</em>, install the webapp; repeat the operation several times and you will see the mess on your home screen. Restarting the device seems to solve the problem.</li><li>When in portrait mode and a text input, a select or a date picker is in focus, media queries will honor <em>orientation: landscape</em> and the resize event will fire. This behavior (bug?) happens on home screen webapps and Web Views, but not on Safari.</li><li><strong>UPDATE 19/9</strong>: If you are using Application Cache and also managing states through hash or other technique, the history object will not keep your navigation history, therefore <em>history.back()</em> will never work and <em>history.length</em> stays in 1 forever. <em>(Thanks to 10+ people who reported this problem!)</em></li><li><strong>UPDATE 19/9</strong>: Cookies are not transferred between your website and your webapp when installing the icon on the home screen (for authentication purposes for example). It was working until 6.1 and now it's not working anymore. <em>(Thanks Joseph Pearson for reporting this; a test suite here.)</em></li></ul><h3>Status bar #</h3><p>If you don't provide any <em>apple-mobile-web-app-status-bar-style</em> meta tag or if you provide one with the <em>default</em> value, the status bar will become black over black, so… just a black area on the screen (on some devices you will see just the battery icon). The user will not see the clock and all the other icons on the status bar. <strong>Update 22/10</strong>: iOS 7.0.3 still has this bug</p><p>The black value works ok but it's not in full mode as in iOS 7 new style. Lastly, If you are defining the <em>apple-mobile-web-app-status-bar-style</em> as <em>black-translucent</em> it's not black-based anymore, it's just fully transparent following the new iOS full-screen mode for apps (previous image, at the right). Unfortunately it seems there is no way to define if our background is clear or dark so we need to test how the icons and clock look like over our background. UPDATE: The text seems to be always white.</p><p>In the next picture you can see the default status bar, the <em>black</em> value and the <em>black-translucent</em> value in action on iOS7.</p><h3>Launch image and multitasking #</h3><p>For the new multitasking system, when having a home screen webapp, the system is using a white image, not the launch image and not the current status of the app for the preview. The only exception is when the webapp is still the active app where you see the right snapshot. In the next example, we can see the Financial Times webapp with a white snapshot even with a correct Launch image and an active execution.</p><p>Luckily we don't have the iPhone 5 bug for home screen webapps anymore that was letterboxing the app (a year after it was found). We don't need the viewport hack solution anymore.</p><h2>Native webapp development #</h2><p>If you are developing hybrid (native webapps), such as Apache Cordova (PhoneGap) apps, there are some news for you. First, <strong>no Nitro engine yet</strong>.</p><h3>Paginate mode #</h3><p>When using UIWebView for rich content in native apps or for native webapps (hybrids), we can now use a <strong>Paginate</strong> feature for an ebook reading experience without vertical scrolling (a la Windows 8 app experience). This feature is perfect if on the app we are showing dynamic content, so we can't pre-optimize it for pagination. We have different Objective-C properties to configure the pagination process. To enable it, we need to use something like:</p><p>These properties will convert any HTML document in the web view in pagination mode (divided horizontally in pages).</p><h3>Other improvements #</h3><ul><li>For native development -not necessarily using Web View- the iOS SDK now includes a JavaScript runtime: JavaScript Core framework providing wrapper Objective-C for standard JavaScript objects. We can use this framework to evaluate JavaScript code and also parse JSON</li><li>With a new property of the Web View, we can now have inline playback mode for HTML5 video instead of the default full screen mode</li><li>With a new property of the Web View, we can enable autoplay for video when in a native webapp.</li><li>There is also a SafariServices Framework that on iOS 7 is useful to programmatically add URL's to Safari reading list.</li></ul><h2>Remote debugging #</h2><p>If you have a MacOS and you are used to remote debugging with your iOS, you must update Safari to version 6.1 and iTunes to version 11.1 to have the ability to communicate with an iOS 7.0 device. At the time of this writing, Safari 6.1 is only available as a Preview.</p><p>While the abilites inside the debugger are the same as in the previous version the user interface has changed a lot with a much cleaner design.</p><h2>Not there yet #</h2><p>While the list is big, in this case I will list features that were announced for Safari 7 for Mac but are not there on Safari on iOS:</p><ul><li>Web Speech API (it's there but it's not working on iOS)</li><li>Push Notifications from websites. This will be a great addition to iOS but it will only be on Mac OS.</li><li>Background Blend mode</li><li>Grid Layout (it's there but it's not working on iOS)</li></ul><h2>Anything else? #</h2><h2 id='ios-safari-download-file'>Ios Safari Download File</h2><p>Most of the bugs and problems in this post were posted a few months ago in the private forum and lot of people have sent bug reports and ask desperately on the forum for a solution. I can't believe that Apple can't give answers to web developers and they are not event executing some basic test suites to detect some API bugs.</p><h2 id='ios-6-safari-version-free'>Ios 6 Safari Version Free</h2><p>Did you found any other API or support? Any other bug? Feel free to add your comments below using any of the options available.</p><br><br><br><br>

broken image