Каковы последствия использования неподдерживаемого свойства WebKit?

Меня интересует использование -webkit-line-clamp в гибридном приложении iOS.

Я прочитал документацию на Apple по неподдерживаемому свойству.

Полезно ли использовать неподдерживаемые свойства или я рискую удалить эту функцию в будущих реализациях webkit в мобильных Safari и других реализациях браузера?

Как проверить статус свойств WebKit?

Пока дизайн все еще доступен для браузеров, которым не хватает поддержки -webkit-line-clamp (ala border-radius ), о каких-либо последствиях говорить не приходится.

Не изменились ли браузеры в прошлом или отказались от поддержки экспериментальных свойств в прошлом? Конечно.

  • Первоначальная реализация Safari для градиентов сильно отличается от текущего стандарта
  • Браузеры WebKit по-прежнему поддерживают свойство prefixed column-break-before , которое было переименовано в break-before в текущем стандарте
  • Браузеры WebKit по-прежнему поддерживают свойства проекта 2009 Flexbox, несмотря на то, что в конце 2012 года были полностью переработаны

К счастью, вы можете написать свой CSS таким образом, который работает в браузерах, которые поддерживают старые и новые реализации:

 .foo { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ } 

В будущем у нас будет доступ к функциональным запросам, чтобы определить, поддерживает ли браузер определенные свойства (Opera поддерживает его сейчас, Firefox скоро будет: http://caniuse.com/#feat=css-featurequeries )

 @supports not (-webkit-line-clamp: somevalue) { // some styles for unsupported browsers } 

Крис Койер написал статью об этой теме: http://css-tricks.com/line-clampin/ И FTLabs создает JS-плагин для этого: FTEllipsis Они используют его для нового веб-приложения Financial Times iPad – посмотрите на http : //coding.smashingmagazine.com/2013/05/23/building-the-new-financial-times-web-app/

  • Доступ к истории просмотров iphone с помощью частной структуры webkit
  • Как изменить цвет выделения текста в WKWebView?
  • iOS 9 `-webkit-overflow-scrolling: touch` и` overflow: scroll` перерывы прокрутки
  • PhoneGap + iOS Запретить действие прокрутки по умолчанию начинается с текстового поля ввода
  • WebKit Audio искажается на iOS 6 (iPhone 5) впервые после включения питания
  • WKWebKit: нет параметров dataDetectorTypes
  • Не удалось выполнить команду com.apple.WebKit.Networking: 113: Не удалось найти указанную службу
  • Ошибка прокрутки Webkit
  • Отключение выбора пользователя в UIWebView
  • iOS: сбой WebKitLegacy
  • Как заставить «яблоко-мобильный-веб-приложение» не потерять сессию?
  • Давайте будем гением компьютера.