I have a question about obfuscate the final output of an HTML and CSS file. Lets stay I have this HTML code below with the corresponding class names declared in a separate CSSfile:
<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>
Is there a way to take my HTML/CSS file and process it in a way that it will take original class names/ids in a HTML/CSS file and randomly generate new files to replace the existing class names/ids with meaningless class names/ids to obscure the final output? For example, The above output would be processed and result in the html shown below with a corresponding style sheet that has the abstracted class/id names defined.
<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>
Try http://www.cssobfuscator.com/:
Or
http://htmlmuncher.com/: (Dead link, Github repository)