javascript - 浏览器特定内容的最佳实践

Question

我正在做一个项目，我需要显示特定内容并包含一组特定浏览器的文件。

我从 IE 开始。

由于 IE10 条件注释不再存在，我试图找出包含特定内容和特定 javascript 文件的最佳实践，以及对诸如 css 变量之类的一些一般修复。

到目前为止，我得到的只是“专有”JS 代码，但我只希望根据所使用的浏览器包含该文件。

 if (/Edge/.test(navigator.userAgent) || /rv:11.0/i.test(navigator.userAgent)) {
   document.write('<script src="./js/app-legacy-browsers.js"></script>');           
 }

除此之外，我需要在网站上显示活动的浏览器图标以及一些预设内容。

我想完成与 <!--[if IE]><![endif]-->仍然存在一样的结果。

不想使用 if 语句的主要原因是不想影响首次加载时的页面速度。