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

Question

我想仅在 CSS 断字不可用时使用断字 polyfill(例如 hypher.js 或 hyphenator.js)，即。即:

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

但是在 Modernizr 中没有这样的检测可用。对 hyphens: auto 支持的测试并不可靠:Chrome 和 Mobile Safari 都支持它(带前缀)，但只有后者支持断字。

是an undetectable feature吗？

Answer 1

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