javascript - Google 如何对 CSS 类和 ID 进行编码？

Question

查看 html block 中类的名称。它们已被编码以使其难以理解。

<div id=":21r" class="ii gt m14b0b8af41495ba9 adP adO">
    <div id=":21o" class="a3s" style="overflow: hidden;">
        <div dir="ltr">
            <div class="adL"></div>
        </div>
    </div>
</div>

我不认为 Google 工程师会如此无业以手动编码这些类。他们一定使用了一些工具来对类进行编码。是否有任何服务可用于执行此操作？

Answer 1

您正在查看的内容很可能是在 Google Web Toolkit 中构建的。此环境会根据您希望向世界发布的内容进行自动混淆，并且是 Google 在创建 Web 应用程序时使用的主要环境。

这个过程通常是用你自己的类名和 ID 名编写你的文件，当你编译代码时会自动混淆(或者你通过压缩器或程序运行它来这样做)。

在 GWT 中，您必须使用 Java 编写，但如果您正在寻找 javascript 或 html/css 的选项，那么:

http://ajaxian.com/archives/utility-javascript-obfuscator https://code.google.com/p/minify/