Cheaty is a simple open-source web extension that allows you to do quick actions on HTML components without going into the inspector console.
How does it's work?
The basics
Hide/Show a component
The "Hide" button allows you to hide or show the HTML component on the page.
Show/Hide password
When selecting an input text you have a new button in the action menu that allows you to hide or show the password.
Copy a component
The "Copy" button allows you to copy the outerHTML of the component.
Result of copy:
<div id="copy_example_static" class="cheaty-selected-static items-center justify-center bg-primary p-5 text-lg"> Copy me </div>
Selection mode
Enter selection mode
To start the process and enter in Selection Mode you have to use the shortcut:Select a component
Once you are in Selection mode, you can pick the HTML component you want by hovering it with your mouse or using the arrow keys. The current component selected will be highlighted with a dotted orange border.
Use the arrow keys
Tips: You can enable in the extension's options the Inspector Mode to have detail on the selected component.
Hover me
Popup
Open the popup
You can open the extension popup by clicking on in the extension bar of your browser.
Revert your changes
You can find all the components you updated with the extension in the popup. For each one of your changes, you can revert it by clicking on the buttons next to it.
Re-Select component
Note that some features might change from the extension. These examples are only here to display the functionalities of Cheaty.
You can try all the different features of the extension in the Playground.
You can also check the full documentation on GitHub .