问题:
想要修改微信网页标题,使用JS
修改title
,直接document.title=“新标题”
就好了,这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用。
原因:
由于微信浏览器只在页面首次加载时初始化了标题title
,之后就没有再监听window.title
的change
事件。
方法:
立即创建一个请求,加载一个空的iframe
,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的title
便刷新了。
<script>export default {created() {// 动态修改微信网页标题this.changeTitleClick();},methods: {// 动态修改微信网页标题changeTitleClick() {document.setTitle = function (t) {document.title = t;var i = document.createElement("iframe");i.src = "./favicon.ico";i.style.display = "none";i.onload = function () {setTimeout(function () {i.remove();}, 9);};document.body.appendChild(i);};setTimeout(function () {document.setTitle("停车场-有牌车扫码支付");}, 1);},},};</script>