如何获得旧/现代浏览器的HTML代码兼容性

Question

我使用AngularJS的Material Icons字体作为Cordova Android / iOS应用程序。

问题是，对于某些Android 4.X版本，我必须使用“旧”方式显示图标，如下所示（文档中的代码）：

<!-- For modern browsers. -->
<i class="material-icons">arrow_back</i>
<!-- For IE9 or below. -->
<i class="material-icons">&#xE5C4;</i>

所以现在，我想我必须找到项目中的每个图标，并通过hexa更新图标文本，但在此之前我有一些问题：

问题：

• 仅使用旧方法（）显示图标（即使是现代浏览器）是否安全（或不良做法）？现代浏览器会在几年后删除这种兼容性吗？
• 有一种好方法（在AngularJS中，纯JS或HTML，如果可能的话）来检测浏览器是否不支持现代方式，然后用一些hexa替换图标文本（arrow_back - ＆gt; ）

Answer 1

当我使用十六进制解决方案时，它可以工作，但是当你阅读HTML时会很痛苦，所以我找到了另一个解决方案：通过classname生成图标。

它工作得很好，所以我只是创建了一个存储库，如果有人遇到同样的问题：getTranslateX()