Question

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

Answer 1

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<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

这种问题。。还不如去百度搜如何用js更改title，来的更快一些