Elements Tab Obfuscator < Free Trial Version >
About

Elements Tab Obfuscator is a JavaScript application that obfuscates the text displayed in the Elements tab of Developer Tools.

NOTICE: Elements Tab Obfuscator does NOT obfuscate the source code of the webpage. To obfuscate the source code, use an HTML obfuscator such as Online HTML Obfuscator.

▼ The Elements tab of Developer Tools
Features

Elements Tab Obfuscator performs the following three types of obfuscation in the Elements tab of Developer Tools:

  • Obfuscates all text within <body>. (Note: The text will no longer be selectable.)
  • Removes all <script> elements.
  • Removes all <!-- comment blocks -->.
▼ Obfuscated text
Demo

The Elements tab of this webpage is obfuscated by Elements Tab Obfuscator. To verify the obfuscation result, open the Elements tab in Developer Tools.

To open the Elements tab, right-click on any part of this webpage and select Inspect or Inspect Element from the context menu.

▼ Select Inspect
Installation

To install Elements Tab Obfuscator on your webpage, follow these steps:

  1. Locate the JavaScript file etobf.js in the ZIP file you downloaded.
  2. Upload etobf.js to your website.
  3. Add the following JavaScript tag to your webpage. Make sure to correctly adjust the path to the JavaScript file. 

    <script src="http://path/to/the/JavaScript/file/etobf.js" charset="UTF-8"></script>
    (* Use either http:// or https:// as appropriate.)

That's it! Elements Tab Obfuscator is now installed on your webpage.

In the licensed version, we'll cover two more topics!
TOPIC 1 Hardening Installation

You've successfully obfuscated your webpage using Elements Tab Obfuscator—but if someone removes it, it is game over. To stay ahead in the cat-and-mouse game of protecting web content from prying eyes, installation alone is not enough. You need to harden it. In this section, you will learn three smart strategies to make it much harder for attackers to disable or bypass your obfuscation.

TOPIC 2 Selective Obfuscation with eto-apply and eto-exclude

Want more precision in how your webpage is obfuscated? With Elements Tab Obfuscator, you are not limited to all-or-nothing obfuscation. Thanks to the powerful eto-apply and eto-exclude class tags, you can choose exactly which text is obfuscated and which text remains untouched. It is clean, flexible, and tailored to your needs.