移动特定的DOM元素？

Question

是否有标准方法仅为移动设备引入DOM元素，或仅用于桌面？

例如，给定以下HTML，将一些子元素完全呈现到DOM中是很好的。这也适用于类似角度的JS框架，这些框架使用DOM元素构建组件。由于某些浏览器不存在，我们可以阻止执行整个JS组件及其所有内容。

>>> def int2str(i):
...     return map(lambda l: ''.join(map(f, l)), part_int(str(i)))
...
>>> list(int2str(25))
['cf', 'z']
>>> list(int2str(1258))
['bcfi', 'bzi', 'mfi']

响应式CSS不是答案，因为例如通过<div class="mobile-content"> </div> <div class="desktop-content"> <!-- expensive desktop-specific DOM elements --> </div> 隐藏元素的媒体查询不会阻止该元素中的图像下载。

我提出的一种方法是使用在移动设备上注入DOM的display: none或<template>类型标记，目的是尽快进行注入负荷。

<script type="text/template">

还有其他想法吗？