- Now getElementsByClassName is supported , what appears in FF3. As in FF, this method is tens of times faster than XPath, and hundreds of classic DOM algorithms.
- Safari will now have the W3C Selectors API , which means the availability of the querySelector and querySelectorAll methods . So framework developers will not need to reinvent the wheel, and native support for these methods is also much faster than any implementation.
- Finally, they fixed a significant number of errors and flaws, so it became possible to create the so-called Rich Text Editors. Editors such as WordPress, Google Docs, GMail, Blogger and others are currently supported (in the sense of working). Libraries such as TinyMCE and FCKeditor are also supported. As for others, it is a matter of time. The main thing is that WYSIWYG editors are now a reality.
- SVG support, and at a very good level. So good that for some tests it is the fastest browser. Opera is in second place (~ one and a half times slower), and FF is in fifth (three times slower).
- Support for XPath and other XML technologies such as XSLT has been added, and the processing of the XML itself has become faster. JavaScript added XSLTProcessor API, DOMParser API, XMLSerializer API. Improved support and compatibility of XMLHttpRequest, it began to support more HTTP methods, parse more XML MIME types, support event listeners, etc.
- Add-ons and extensions in CSS. Quite a lot of new things in CSS3 have already been implemented in Safari. For example, multiple backgrounds (when you can specify multiple background images for a single block, this is the only browser with this capability), background-origin, background-clip, text-shadow, rounded corners of blocks (-webkit-border-radius), columns (available as the -webkit- extension, the same support exists in the FF as the -moz- extension), new layout properties (the same as the extensions, the same in the FF). There are several in-house “inventions” such as -webkit-text-fill-color (text fill color), -webkit-text-stroke (text stroke), -webkit-box-shadow (block shadow). But more attention should be paid to CSS animation and CSS transformation . If the former still seems controversial, then the latter will be appreciated by many, since the block can now be rotated, twisted, compressed, and even used its matrix for transformation.
- Support for new HTML5 tags, such as <video> and <audio>, along with the corresponding API.
- Initial client-side database support . Who would have thought about this five years ago? HTML5 has a section on client-side database storage . Safari started to implement it. Development tools already have some interface for viewing local databases.
- New tools for developers Web Inspector and Drosera . The first is intended to review DOM, CSS, attached files, download speeds, etc. The second is to debug javascript.
Source: https://habr.com/ru/post/20159/
All Articles