最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

[基本解决]javascript中如何设置html的meta值

JS crifan 9441浏览 0评论
[背景]
折腾:
[未解决]Swift中使用WKWebView显示出的网页中文字太小
期间,需要去搞懂:
用js代码,如何设置html的meta值,能这样的html的效果:
<meta name="viewport" content="initial-scale=1.0" />
[折腾过程]
1.搜:
js set html meta
js set html meta viewport
参考:
去试试:
暂时去:
中试试那个:
        viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0');
或:
var metaTag=document.createElement('meta');
metaTag.name = "viewport"
metaTag.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
document.getElementsByTagName('head')[0].appendChild(metaTag);
看看是不是这么写的。
[总结]
虽然上面用:
没有解决字体问题,但是此处的上面的两套代码:
(1)html中已经存在meta值了,下面代码只是重新修改meta值
        viewport = document.querySelector("meta[name=viewport]");
        viewport.setAttribute('content', 'initial-scale=1.0');
或:
(2)html中没有meta这个值,所以是重新创建meta,并且设置viewport的值:
var metaTag=document.createElement('meta');
metaTag.name = "viewport"
metaTag.content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
document.getElementsByTagName('head')[0].appendChild(metaTag);

应该都是可以正常设置这个head的meta值的。

转载请注明:在路上 » [基本解决]javascript中如何设置html的meta值

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
82 queries in 0.166 seconds, using 22.02MB memory