不是空格的不可见字符

发表于 更新于 分类于 阅读次数： 本文字数： 642 阅读时长 ≈ 1 分钟

混合 APP 中，默认设置了导航栏的标题，需求是跳转的 H5 页面中不展示导航栏的标题。

解决

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<title></title>

<script>
  var titleEl = document.getElementTagName('title')[0]
  titleEl.text = '\u200E'

  <!-- 交互3.0 -->
  var titleBarParams = {
    title: {
      text: '\u200E',
      fontColor: '#ffffff'
    }
  }
</script>

开发中容易被坑的特殊字符编码

名称 Unicode 备注
普通空格符 \u0020
Backspace \u0008 \b
水平制表符 \u0009 \t
换行符 \u000A \n
垂直制表符 \u000B \v
换页符 \u000C \f
回车符 \u000D \r
不换行空格 \u00A0 看上去和空格一样，实际上是在 HTML 中不自动换行，曾在从 word 拷贝出来的文本中复现
行分隔符 \u2028
段落分隔符 \u2029
字节顺序标记（零宽非连接符） \uFEFF
从左至右书写标记 \u200E
从右至左书写标记 \u200F
零宽连接符 \u200D 因为是零宽，肉眼看不到，从网页中拷贝出来的字符中会出现
另一种空格符 \u2006 看上去和空格一样，但 Unicode 不同

Unicode 在线转换工具