我创建了一个示例脚本来添加和删除头部的元标记。但是Android2.2似乎并没有尊重它的移除。但是,它确实考虑了在单击时添加元标记。我如何通过javascript让它尊重标签的移除并恢复到默认的视区?
<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"/>发布于 2011-09-20 05:09:59
我在iOS Safari中也注意到了这种行为。
您实际上删除了meta标记(可在删除后通过DOM - Try alerting $("#metatag").length进行验证)
问题是视区本身不会响应此标记中缺少的内容。如果您更新内容或使用新内容重新添加meta标签,您应该会在屏幕上看到它。但是通过简单地删除meta标签,UA似乎认为“没有必要进行更改”,因为它在那里没有得到任何明确的指令。
希望这能有所帮助!你的问题/例子帮助我认识到这甚至是可能的!
https://stackoverflow.com/questions/3604886
复制相似问题