当前位置：网站首页>用户隐私协议有些汉字编码不规范导致网页显示乱码，需要统一找出来处理一下

用户隐私协议有些汉字编码不规范导致网页显示乱码，需要统一找出来处理一下

2022-07-02 11:23:00 【徐同保】 

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>处理协议文件</title>
    <style>
      .m-source {
        font-size: 30px;
        color: #f66f0c;
      }
      .m-reslut {
        font-size: 30px;
        color: green;
      }
      .m-text {
        white-space: pre-wrap;
        width: 100%;
      }
    </style>
  </head>
  <body>
    <div>
      <div class="m-source">源协议：</div>
      <!-- 将飞书上的协议文件文字内容复制到下面的div里 -->
      <div id="source" class="m-text">
        一、个⼈信息定义及范围
        
        （⼀）个⼈信息：指以电⼦或者其他⽅式记录的能够单独或与其他信息结合，识别特定⾃然⼈身份或者反映特定⾃然⼈活动情况的信息。
        （⼆）个⼈敏感信息：包括身份证件号码、⼿机号码、个⼈⽣物识别信息、银⾏账号、财产信息、⾏踪轨迹、 交易信息、十四岁以下（含）⼉童的个⼈信息等。
        （三）本隐私政策中涉及的个⼈信息及个⼈敏感信息主要包括：
        1. 用户基本信息：姓名、性别、个⼈电话号码、收件地址、年级、学校等；
        2. ⽹络身份标识信息：系统账号（含第三⽅）、IP地址/浏览器的类型、电信运营商及与前述有关的密码、昵称、头像等；
        3. BesTV云课使⽤数据：浏览及点击记录、软件使⽤记录、通过⻨克⻛输⼊的内容等；
        4. 个⼈常⽤设备信息：设备型号、操作系统版本、设备设置、唯一设备标识符等软硬件特征信息等；
        5. 个⼈位置信息：如通过GPS、蓝牙或WiFi信号获得的位置信息等；
        6. 使⽤第三⽅服务产⽣的资⾦流⽔记录。
        
      </div>
      <div class="m-reslut">添加【】找出乱码字：</div>
      <div id="result" class="m-text"></div>
      <div class="m-reslut">已经处理掉乱码：</div>
      <div id="well-result" class="m-text"></div>
    </div>
    <script>
      //const source = `01abA收用用B人`
      //const source = `“BesTV云课”`
      const source = document.getElementById('source').innerHTML

      const findBug = (value) => {
        const start = 0x4e00
        const end = 0x9fa5
        let result = []
        let count = 0
        let leftArr = []
        ;[...value].forEach((item) => {
          const current = item.charCodeAt()
          //console.log(item, current)
          if (
            0x2000 <= current &&
            current <= 0x2fff &&
            current !== 8220 &&
            current != 8221
          ) {
            result.push(`【${item}】`)
            count++
            leftArr.push(item)
          } else {
            result.push(item)
          }
        })
        return { result, count, leftArr }
      }
      const step1 = () => {
        let { result, count, leftArr } = findBug(source)
        const resultStr = result.join('')
        document.getElementById('result').innerHTML = resultStr
        console.log('#####第一步#####')
        console.log('乱码字字数,：', count)
        const unique = [...new Set(leftArr)]
        console.log('乱码字数组（去重后）', unique.length, unique)
      }
      
      //填写需要替换的文字，正则表达式里是乱码的文字
      const doReplace = () => {
        // '⽅', '⼀', '⼆', '⼦', '⼿', '⽣', '⾏', '⼉', '⽹', '⻨',
        // '⻛', '⼊', '⾦', '⽔', '⽬', '⽌', '⼯', '⻚', '⾯', '⽀',
        // '⽚', '⾥', '⼝', '⼤', '⼜', '⽆', '⼩', '⾼', '⻔', '⽽',
        // '⾔', '⼒', '⼰', '⾜', '⾮', '⻓', '⽴', '⽇'
        // '⼈', '⾃', '⽤', '⻅', '⽂'
        let wellResult = source
          .replace(/⽅/g, '方')
          .replace(/⼀/g, '一')
          .replace(/⼆/g, '二')
          .replace(/⼦/g, '子')
          .replace(/⼿/g, '手')
          .replace(/⽣/g, '生')
          .replace(/⾏/g, '行')
          .replace(/⼉/g, '儿')
          .replace(/⽹/g, '网')
          .replace(/⻨/g, '麦')

          .replace(/⻛/g, '风')
          .replace(/⼊/g, '入')
          .replace(/⾦/g, '金')
          .replace(/⽔/g, '水')
          .replace(/⽬/g, '目')
          .replace(/⽌/g, '止')
          .replace(/⼯/g, '工')
          .replace(/⻚/g, '页')
          .replace(/⾯/g, '面')
          .replace(/⽀/g, '支')

          .replace(/⽚/g, '片')
          .replace(/⾥/g, '里')
          .replace(/⼝/g, '口')
          .replace(/⼤/g, '大')
          .replace(/⼜/g, '又')
          .replace(/⽆/g, '无')
          .replace(/⼩/g, '小')
          .replace(/⾼/g, '高')
          .replace(/⻔/g, '门')
          .replace(/⽽/g, '而')

          .replace(/⾔/g, '言')
          .replace(/⼒/g, '力')
          .replace(/⼰/g, '己')
          .replace(/⾜/g, '足')
          .replace(/⾮/g, '非')
          .replace(/⻓/g, '长')
          .replace(/⽴/g, '立')
          .replace(/⽇/g, '日')

          .replace(/⼈/g, '人')
          .replace(/⾃/g, '自')
          .replace(/⽤/g, '用')
          .replace(/⻅/g, '见')
          .replace(/⽂/g, '文')

        return wellResult
      }

      const step2 = () => {
        let { result, count, leftArr } = findBug(doReplace(source))
        const resultStr = result.join('')
        document.getElementById('well-result').innerHTML = resultStr
        console.log('#####第二步#####')
        console.log('乱码字字数：', count, leftArr)
        const wellUnique = [...new Set(leftArr)]
        console.log('乱码字数组（去重后）', wellUnique.length, wellUnique)
      }
      
      const init = () => {
        //第一步找出乱码文字
        step1()
        //替换乱码文字
        step2()
      }
      init()
    </script>
  </body>
</html>

原网站

版权声明
本文为[徐同保]所创，转载请带上原文链接，感谢
https://blog.csdn.net/xutongbao/article/details/125410552

边栏推荐

猜你喜欢

随机推荐