css - 如何检测自动断字支持？

Question

仅当 CSS 连字符不可用时，我才想使用连字符 polyfill（例如hypher.js或hyphenator.js ），即：

if (!Modernizr.hyphenation) {
  $('p').hyphenate('en-us')
}

但是 Modernizr 中没有这样的检测。支持测试hyphens: auto并不可靠：Chrome 和 Mobile Safari 都支持它（带前缀），但只有后者支持连字符。

这是一个无法检测的功能吗？

Answer 1

据说当前版本的 Hyphenator.js 会在内部检查是否支持 CSS 连字符。它似乎使用 CSS 运行连字符测试并测试结果（基本上，只是字符串是否被连字符）。这看起来有点做作，但它肯定是比仅仅测试浏览器是否识别属性更好的尝试。支持 CSS 连字符的浏览器仅对某些语言执行此操作，重要的是您的内容的语言是否受支持。