Question

我正在为现有内容框架构建插件，并且需要在标题中添加元素以支持移动设备图标。我使用插件架构获得的唯一访问权限是使用javascript。我已成功编写了生成元素的插件，但'sizes'属性未包含在生成的代码中，可能因为它是HTML5属性。是否有跨浏览器的方式来执行此操作？

var link = document.createElement('link');
link.rel = 'apple-touch-icon';
link.sizes = '57x57';
link.href = '/apple-touch-icon-57x57.png';
document.head.appendChild(link);

生成的代码（在Chrome v41的Inspect Element工具中查看）：

<link rel="apple-touch-icon" href="/apple-touch-icon-57x57.png">

Answer 1

您可以使用setAttribute方法：

link.setAttribute("sizes","57x57")

Answer 2

根据MDN文档sizes仅适用于使用rel="icon"

的情况

参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link

另请注意，IOS无法识别属性

是否可以将'sizes'属性添加到由javascript创建的<link />元素？

2 个答案: