瞎折腾，使用JS让中文内容莫名其妙、狗屁不通-工具盒子

封面图示意

一、文字保护突发奇想

突然奇想，写一段JS，让中文内容变得奇奇怪怪，就是读起来好像通常，但细细一看，错误百出这种。

可以用来对文字内容进行保护。

举个例子，文章内容不希望对方复制，很多人的做法是禁止右键，禁止选中，这个体验并不好。

还有一些网站的做法是在复制内容最后加一段版权描述，代码示意：

document.addEventListener('copy', function (event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (!clipboardData) { return; }
    var text = window.getSelection().toString();
    if (text) {
        event.preventDefault();
        clipboardData.setData('text/plain', text + '\n\n鑫空间版权所有');
    }
})

这些都是目前市面上比较流行的做法，但流行的并不一定是最合适的，如果悄悄地让复制的内容出现一些不容易发现的错误（例如常见的错别字，关键词汇意思反转），效果应该会更好，因为更加隐蔽。

说干就干，趁着周日有空，代码梭起来。

二、粗糙的实现

思路如下，数字随机变化，"你我他"还有"的地得"随机映射，然后一些词汇反义。

反义的话，我就想到弄个中文反义词库，找了下，有对应的Github文档，见这里。

里面反义词数量巨多，全部使用显然不行，一是没必要，二是性能差，三是对技术要求比较高，犯不着。

所以，只需要单个字的反义词就好了，就是这些。

单个字反义词示意

然后处理成需要的一对一键值映射的对象，就可以了。

这是实现的JavaScript代码：

String.prototype.disorder = function () {
  // 代码略...?
}

执行非常简单，假设原始正确文本变量名是text，则混淆后的代码获得可以这么表示：

const textDisorder = text.disorder();

案例演示

我找了一段没有任何营养的新闻：

3月18日，俞敏洪以"永不言弃"为主题在亚布力做商业心灵分享，谈起东方甄选的"知识分享"型直播带货，他说，直播的特点就是能说会道，但是网络上那种买买买的嚎叫，我是完全看不起的。

俞敏洪认为，直播带货应该是一种心平气和的对产品进行知识性讲解的，存在讲解之余还能进行其他的知识的传播。

"所以东方甄选第一场这是我做的，当时新东方是完全不知道怎么选品，选的都是全中国最贵的农产品，但是我依然拿着地图，拿着地理书，拿着历史书，把每一个产品的采地和这个采地的历史条分缕析的讲给第一批东方甄选的购买者听。"他说。

然后使用写好的 JS 润了下，结果是：

错误文字示意

意思大致懂，但是读起来莫名其妙，哈哈哈。

不过，从案例来看，文字的混淆命中率还是非常高的，实际上应该可以再降低50%，因为现在混淆太多，已经太明显了。

大家可以根据实际使用需求修改JS代码中的概率或者映射字符数量。

哦，忘了展示JS代码了，您可以狠狠地点击这里：中文内容变得阅读混乱demo

实现源码就在上面这个红色文字的demo页面中，而前面提到的概率可以参照下图所示的代码位置示意进行修改，目前是50%的概率：

概率设置代码示意

三、如何使用与实地测试

使用方法如下：

引入对应的JS文件：
```
<script src="./disorder.js"></script>
```
目标字符的输入输出：
```
strTo = strFrom.disorder();
```

over~

OK，回到一开始提到的那个场景，复制文字内容干扰。

我悄悄在本文档页面引入了对应的JS，并绑定了如下所示的JS代码：

document.addEventListener('copy', function (event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (!clipboardData) { return; }
    var text = window.getSelection().toString();
    if (text) {
        event.preventDefault();
        clipboardData.setData('text/plain', text.disorder());
    }
})

所以，大家可以试试复制本文的文字内容，再找个地方粘贴，看看文案内容是不是有些许不同了呢，嘿嘿嘿~ ???

然后，本文所展示的代码并非最佳实现，因为有些词句反义字替换后明显就读不下去了，这个其实并不好，所以，究竟哪些字词需要变化处理，还需要多多打磨，最好和中文的智能词法分析结合，达到最佳效果。

总而言之一句话，本文重在抛砖引玉。