Некоторые новые функции браузера Safari 4

На WWDC 2009 Apple выпустила официальную версию браузера Safari 4. Официальная версия Safari 4 отказалась от имитации вкладки Chrome и восстановлена ​​в интерфейсе версии 3.0. Говорят, что в WWDC Serlet серьезно BSTED BSTED Microsoft IE8 Browser и сказал, что двигатель JavaScript Safari в настоящее время является самым быстрым в мире. Согласно данным тестирования, которые он предоставляет, скорость Chrome 2 в 5,3 раза больше, чем в IE8, в то время как скорость Safari4 в 7,8 раза больше, чем IE8!

Большинство из этих данных являются официальными уловками, поэтому давайте пока не будем беспокоиться об этом. Давайте посмотрим, какое влияние будет оказывать Safari4 на нашу фронтальную разработку:

HTML 5

Поддержите аудио и видеотеги.

CSS

Safari4 сделал много улучшений в поддержке CSS, следующим образом:

зум

Safari 4 начинает поддерживать атрибуты Zoom. Это использование и эффект браузера IE. Разница в том, что если он увеличивается, Safari будет сжиматься до минимального шрифта, поддерживаемого браузером, в то время как IE будет сжиматься непосредственно к установленному размеру. например:

 .zoomtest {font-size: 12px; Увеличение: 0,1}

Safari будет только сокращаться до размера шрифта 9PX, в то время как IE будет сокращаться до 1,2PX (его нельзя увидеть ясно с невооруженным глазом).

-Вебкит-анимация

Есть серия субпередат:

• -Вебкит-анимация имени укажите имя для анимации
• -Вобкит-анимация Продолжительность анимации
• -Вебкит-анимация-timing-функция Метод переключения кадров анимации, то есть эффектов анимации, вероятно, включает в себя легкость, линейную, легкость, легкость и легкость.
• -Вебкит-анимация-delay определить время начала анимации
• -Вобкит-анимация-анимационные повторения анимации
• -Вобкит-анимация направления направления анимации имеет два свойства: нормальная, прямая игра; Альтернативная, альтернативная, даже вперед игра, нечетная обратная игра.

-Вебкит-маска

CSS Маска/Эффект маски

• -Вебкит-маски-пристрастия два значения: фиксированный и прокручивать;
• -Вебкит-маска зажигайте эффект отсечения границ элемента;
• -Вобкит-маска Положение Использование аналогично атрибуту фоновой позиции.
• -Webkit-mask-Origin указывает якорь атрибута -webkit-mask-положения. Есть три атрибута: граница, контент и прокладка.
• -Вебкит-маска-image Mask Mask изображение, значение-это путь изображения;
• -Вебкит-маска-повторяющиеся настройки,
• -Вобкит-маска-композитный стиль микса. По умолчанию граница, что означает, что фон распространяется на пограничную область. Это также может быть настроено на прокладку.

Другие улучшения

Safari4 также добавляет или улучшает поддержку других атрибутов CSS. Например, фоновая позиция начинает поддерживать эффекты анимации, поэтому я не буду повторять его здесь.

Можно видеть, что новые атрибуты CSS, добавленные Safari, не являются контентом в стандарте W3C, но личные атрибуты этих Webkits действительно могут позволить нам разработать лучшие сетевые приложения.

Хай-ария персонаж

Я считаю, что не многие знают о Wai-Aria. WAI-ARIA означает инициативу W3C WEBSICAITIONSICITION ASCARTICITION, переводится как без барьеров богатых интернет-приложений на китайском языке. В то же время W3C сформулировал стандарты ролей WAI-ARIA. Не так давно Google объявил, что он решительно поддержат Wai-Aria, а функция чтения экрана Google Reader реализована через Wai-Aria. В настоящее время Firefox начал поддерживать Wai-Aria, и IE8 частично поддерживает его. Safari 4 также начал поддерживать роль Вай-Арии. Проверьте поддержку Safari 4 для Wai-Aria >>

Стоит отметить, что Wai-Aria, кажется, поддерживает только теги Div и SPAN. Чтобы сотрудничать с Wai-Aria, Safari также добавляет некоторые вспомогательные атрибуты HTML, такие как проверенная ария/ария-уровни/ария-валумакс/ария-валумин и т. Д.

Скачать Safari:

PS: эта кнопка загрузки поступает со страницы Safari Download. Если вы осторожны, вы обнаружите, что стиль этой кнопки, очевидно, не стиль Apple, а больше похож на стиль зеленой кнопки на странице загрузки Firefox.