Question

如何通过 js 修改微信浏览器的title

Answer 1

可以通过以下代码来修改微信浏览器的title：

<title>Origin</title>
<title>Overwrite Origin</title>
<script>
var sum = 0;
document.onclick = function()
{
sum ++;
// 获取页面上所有title标签对象数组
var titles = document.getElementsByTagName("title");
// 总共有多少个title标签，这两行只是用于更方便理解这段代码，没有实际意义
var len = titles.length;
// 这一行会弹出“Overwrite Origin”，虽然它并没有被解析为本页面显示的title，但仍然是DOM树上的一个文本节点，可以被JS调用到，要修改title内容并不是修改此节点，下面一行注释会进行说明
alert(titles[len - 1].innerText);
// 浏览器在遇到第一个title标签后会将其内容作为title内容，忽略之后的title标签解析，所以JS需要改变第一个title标签的innerText子节点达到目的
titles[0].innerText = "Title changed for " + sum + " time" + (sum < 2 ? "!" : "s!");
// 原先的title上显示着“Origin”，点击一次后更改为“Title changed for 1 time!”，点击两次后更改为“Title changed for 2 times!”，以此类推
}
</script>

这段代码不仅仅是应用于微信浏览器，也应用于其他webkit内核浏览器。

Answer 2

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);
}

Answer 3

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);
}
复制代码