播放符号(▶)在document.title中压缩

时间:2013-10-14 04:12:25

标签: javascript html html5-audio

Why does the HTML symbol for ▶ not work in document.title上添加问题, 当我使用正确转义的javascript十六进制值将播放符号添加到文档标题时,符号似乎被压扁:

JavaScript的:

document.title = '\u25BA' + document.title;

内页 (正确)

BodyDemo

内部标题 (不太正确)

TitleDemo

查看这个工作模型的小提琴。我添加了 /show/light ,因此javascript实际上可以访问主页上的文档标题,但是如果你取消扩展名,你也可以看到代码。

jsFiddle

这似乎发生在所有主流浏览器(Chrome,Firefox,IE)上。

经过测试(在Win8上):

  • Chrome:版本30.0
  • Firefox: 22.0版
  • IE: 10.0版

当我访问YouTube时,它看起来很好,所以我不肯定这是一个特定于浏览器的问题。

YouTubeDemo

1 个答案:

答案 0 :(得分:6)

通过将YouTube使用的符号(▶)粘贴到codepoints.net,您可以看到它们实际上使用的是不同的unicode版本。返回的字符为U+25B6(不要与25B825BA混淆)

这应该看起来更好:

function PrependPageTitle(player) {
    var playIcon = '\u25B6 ';
    var startsWithIcon = document.title.substring(0, playIcon.length)===playIcon;

    if (player.paused && startsWithIcon) {
        document.title = document.title.slice(playIcon.length);
    } else if (!player.paused && !startsWithIcon) {
        document.title = playIcon + document.title;
    }
}

演示:

jsFiddle