Html 特定于移动的DOM元素？

是否有一种标准的方法仅为移动设备或桌面引入DOM元素

例如，给定以下HTML，最好让一些元素的子元素完全不呈现到DOM中。这同样适用于使用DOM元素制作组件的angular-like JS框架。由于某些浏览器首先不存在，我们可以阻止整个JS组件及其所有内容的执行

<div class="mobile-content">

</div>
<div class="desktop-content">
    <!-- expensive desktop-specific DOM elements -->
</div>

---

还有其他想法吗？

既然您提到了Angular，就可以将其作为局部视图使用。@PM77-1，我受Angular的启发，开始使用其他重量较轻的web组件样式框架。让dom元素直接与作用域良好的JS集成是非常合适的。因为您提到了Angular，所以可以将它们作为局部视图。@PM77-1，我从Angular获得灵感，并开始使用其他重量较轻的web组件样式框架。让dom元素直接与范围良好的JS集成是非常合适的。

<template data-mobile-only>
    <div class="mobile-content" web-components>
    </div>
</template>