HTML/CSS 混淆编译

Question

我有一个关于混淆 HTML 和 CSS 文件的最终输出的问题。 让我留下下面这段 HTML 代码，并在单独的 CSS 文件中声明相应的类名：

<div class="header">
  <div class="logo"></div>
  <div class="session-info"></div>
</div> 

<div class="bank-account-content">
  <div class="account-info"></div>
  <div class="account-info"></div>
  <div class="here-is-my-ss-number"></div>
</div> 

有没有办法获取我的 HTML/CSS 文件并以这样的方式处理它，即它会在 HTML/CSS 文件中获取原始类名/id，并随机生成新文件以将现有的类名/id 替换为无意义的类名/ID 来掩盖最终输出？例如，上面的输出将被处理并生成如下所示的 html，其中包含定义了抽象类/id 名称的相应样式表。

<div class="1dcx4y">
  <div class="1354fs"></div>
  <div class="f3wecd"></div>
</div> 

<div class="retv5">
  <div class="dgee2f></div>
  <div class="fhg54h"></div>
  <div class="dgd426"></div>
</div> 

Answer 1

试试http://www.cssobfuscator.com/:

它的作用：
- 它将获取您的 CSS 文件，应用缩小、编码和加密，最后将这个不可读的废话注入定制的 JS 库（也被混淆）。
- 您将得到的结果是这个定制的（独特的）库，其中包含混淆的 CSS。只需将其包含在原始 CSS 的位置即可。
不包含的内容：
- 它不会加快您网站的显示速度。
- 它不会在检查器（开发人员的工具）中隐藏 CSS 规则 - 但它不介意，攻击者可能不会通过一条规则复制所有内容。

或http://htmlmuncher.com/：（死链接，Github repository）

HTML Muncher 是一个用 Python 编写的命令行实用程序，它重写 CSS、HTML 和 JavaScript 文件中的类和 ID，以节省宝贵的字节并混淆您的代码。
工作原理
1. 传入要重写的 CSS、HTML 和 JavaScript 文件列表
2. 扫描 CSS 和 JavaScript 文件以查找任何类和 id 引用
3. 将类和 id 映射到具有 1 或 2 个字母名称的新类和 id（a、b、c ... aa、ab、ac ...）
4. 用新的类和 id 名称重写文件并保存到磁盘上的新位置