html - 如何调试同一浏览器在不同平台的不同行为？

Question

我正在尝试使用本文介绍的 text-overflow: ellipsis 技术: http://mattsnider.com/css/css-string-truncation-with-ellipsis/它在浏览器中的工作范围出奇地广泛。

然而，我注意到的问题是，它在 Ubuntu + Chrome 11 的组合中无法正常工作，而在 Mac 上的同一浏览器中它很好。

所以我很好奇如何发现此类问题并了解不同平台上相同浏览器之间行为不同的原因。

Answer 1

众所周知，text-overflow:ellipsis 功能很难检测到支持。对于大多数现代浏览器功能，可以运行 Javascript 代码来检测浏览器是否支持该功能(请参阅 Modernizr 元素以获取最终示例)，但不幸的是 text-overflow 甚至连最坚定的特征检测脚本编写者的努力都失败了。

因此，您只能提前了解哪些浏览器支持它，哪些不支持。

CanIUse site对这类事情有很好的引用意义；他们有大多数浏览器功能的浏览器支持表，包括 text-overflow。

顺便说一下 - 您会从该链接中的表格中注意到 Firefox 当前不支持 text-overflow；你可能对这个问题感兴趣:text-overflow:ellipsis in Firefox 4? (and FF5)我问是否有任何解决方法(简短的回答是，没有；我们只需要等到 FF7 发布)。

但是，他们在支持表上不区分平台；假设似乎是给定的浏览器在所有平台上的工作方式几乎相同。当然，情况并非总是如此。您特别提到您在 Ubuntu 中遇到过 Chrome 问题，但在其他平台上没有。我觉得这很奇怪，因为省略号功能似乎不太可能包含任何需要特定平台支持的东西，但如果是这样，那么它很好地证明了同一个浏览器在不同平台上可能并不总是相同的。

我没有适合您的特定解决方案。不过，我希望以上内容对您有用。

在这种特殊情况下，这听起来确实很奇怪——足够奇怪，如果您可以生成一个简单的测试用例，它可以在 Windows 或 Mac 的最新 Chrome 中运行，但不能在 Linux 中运行，那么可能值得为 Chrome 发布错误报告.