Android 不尊重元标记删除？

Question

我创建了一个示例脚本来在头部添加和删除元标记。但 Android 2.2 似乎并不尊重它的删除。但是，它确实尊重在点击时添加元标记。我如何让它尊重标记的删除并通过 javascript 恢复到默认视口(viewport)？

<script type="text/javascript">

$(document).ready(function(){
function initMeta(){
var headID = document.getElementsByTagName("head")[0];         
var metaNode = document.createElement('meta');
metaNode.name = 'viewport';
metaNode.content = 'width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0';
metaNode.id = 'metatag';
headID.appendChild(metaNode);}

function closeMeta(){
$("#metatag").remove();}


$("#add").click(function(){initMeta();alert("meta opened");});
$("#del").click(function(){closeMeta();alert("meta closed");});

});

</script>

<input name="add" type="button" value="add metatag" id="add"/>
<input name="del" type="button" value="delete metatag" id="del"/>

Answer 1

我在 iOS Safari 中也注意到了这种行为。

您实际上是在删除元标记(可通过 DOM 验证 - 尝试在删除后提醒 $("#metatag").length)

问题是视口(viewport)本身不响应此标记中内容的缺失。如果您更新内容或使用新内容重新添加元标记，您应该会在屏幕上看到它。但是通过简单地删除元标记，UA 似乎认为“无需更改”，因为它没有在那里获得任何明确的指示。

希望对您有所帮助!您的问题/示例帮助我意识到这是可能的!