Back to Home

Safari 5.1 Developer Preview at a Glance

safari · apple · html5

Safari 5.1 Developer Preview at a Glance

    Safari 5.1 About
    Today in the morning I found a letter from Apple informing about the new Safari, available for developers to use. I became interested, and decided to twist it a little.


    Where to get?


    To get the new version of Safari, you need to register in the Safari Developer Center , it's free, but boring, you have to answer a bunch of questions.

    UPD: Still, as AlieNCrazY noted , the new version can be downloaded on the iMZDL website .

    WebGL Support


    In the new version, a new item in the menu developer, Enable WebGL, immediately caught my eye, and I started from it. I went to Google Body for verification - it works very smartly, I didn’t notice any significant flaws, and it doesn’t consume much memory.

    google body

    Reading list


    I don’t know about you, but I always had a folder in my bookmarks where I threw interesting articles in order to read them later, so I was very glad to find this feature in the new Safari. With her, everything is very obvious, so let's move on.

    left reading list list panel

    HTML5


    The new safari takes 273 points in html5test, which is 45 higher than the previous version, now it overtakes FF with 255 points, but it falls short of chrome, the last beta of which takes 293.

    html5test results

    From the new one, support was added:
    • Webgl
    • Math ml
    • WebM format
    • Woff
    • CSS3 Word Wrap

    Although MathML is damp on the hike, the formulas are slightly crooked:
    image

    New APIs


    In the new safari, finally, normal support for Fullscreen has been added. For these purposes, Apple provides a set of new features:
    • Document.onwebkitfullscreenchange
    • Document.webkitCancelFullScreen ()
    • Document.webkitCurrentFullScreenElement
    • Document.webkitFullScreenKeyboardInputAllowed
    • Document.webkitIsFullScreen Element.onwebkitfullscreenchange
    • Element.webkitRequestFullScreen ()

    and CSS pseudo-classes:
    • : -webkit-full-screen-documen
    • : -webkit-full-screen

    In addition, the following were added:
    • New events for windows and tabs
    • Reader API - reader, if anyone else does not know - this is the ability to render an easy-to-read article from a page without ads, menus and other things, this is the API for him.
    • Menus API - API for creating a plugin menu in safari settings.
    • Popovers API - API for working with such windows:
      image
      (add-on from CLR Habraiser )


    It is also worth adding that the rendering process is now separate from the application process. Plugins (not extensions) are also isolated. Obviously, this is the result of continuing to finish their sandboxing (addition from the CLR habrayuzer ).

    Developer tools


    developer menu
    Here are the innovations that I discovered here:
    • The inspector now began to fall out by default in a new window.
    • The resource menu is now made in chrome, categorized (finally!)
    • Now you can enable and disable debug and profiling directly from the menu (finally!)
    • The Send Do Not Track HTTP Headers item has appeared. Its essence is that when you visit the page, the browser indicates in the header that the site does not follow it and does not track its transitions. Compliance with this rule, as far as I understand, remains on the conscience of the developer of this site, there are no additional security measures on the part of the browser.

    Read Next