網頁上長得令人髮指的id和class是用什麼實現的，又是基於怎樣的原因?

01-14

前端新手，看一些網站頁面的源碼時，總發現id或者class後跟著很長而且沒什麼意義的字元串，這是用什麼工具實現的？原因？
舉例：fb和quora。
btw：我知道id 和class是啥。麻煩不懂的不要亂噴。

如果你指的是類似於Google旗下的各種網站，他的id和class都是經過工具做了壓縮處理的，開發的時候不可能用這種id和class的，他有一套叫做Closure Tools的工具處理這些壓縮或是加密過程。

鏈接如下：Closure Tools

另外比較成熟的大的前端工程會用類似grunt或者gulp這些工具做拼接，打包，加版本好，壓縮，加密，發布，測試等等各種工作。

樓上兩位大概不知道樓主問的是啥吧，就說樓主傻。。

題主說的可能是一串類似與md5一樣的16進位字元串吧，http://asp.net網站中多見到的

quora 不知道 , FB大概知道一些，好像是在《編程珠璣》里看到的：

FB 里不僅僅是自己的 app，還有很多第三方的app，如果直接使用一些通用概念的id或者class，可能會導致安全問題，第三方應用使用通用 id或者class獲取或者修改 facebook的官方部分頁面。比如，找到 FB 的鏈接，改成自己的；獲取當前登陸用戶名等。

因此，最終渲染到客戶的瀏覽器的 js和css都是經過編譯的，使用的id是根據一定規則算出來的。

包括編譯過的js的調用。

比如開發一個第三方 app 裡面聲明一個 &

渲染的就成了 &

js里的調用也由 document.getElementById("my-app-canvas") 變成了 document.getElementById("23fasdf-asdfsadf-asdfs-my-app-canvas")

當然具體實現里，可能會提供一些專用的js函數給第三方 APP開發者，簡化處理。

另外還有一個例子就是淘寶，在店家的頁面里，其實也是這樣做了處理的。

@張克炎的答案里對於單一開發方比較適用，對上面說的需要內嵌第三方開發的頁面內容的就不太合適了。

另外，Quora里也有內嵌第三方應用么？

有多少人明白了題主想表達的是啥，反正我是么有懂的