GetEles is your front-end assistant.
"GetEles." is your front-end assistant, inspired by the getElementBy* functions in JavaScript. It can help you:
🔍 Retrieve webpage information, such as title, description, and color scheme;
📐 Access detailed information about elements, including width, height, margin, padding, and border. You’ll also see the element's class list and inline styles. You can select classes or apply custom styles directly, with changes appearing in real time;
📏 Measure distances between elements. To do this, select an element to view its details, switch to "measure mode" and move your mouse to see distances between elements.
🌲 The feature automatically detects the DOM structure of the selected element. You can hover to view the node and click to switch, allowing you to more accurately retrieve element information.
🪄 Scan the styles of an element and convert them into Tailwind classes. You can also copy the converted element code.
🎨 You can also customize "GetEles." with a variety of border color options, allowing you to set your favorite color for the extension.
⌨️ We’ve also prepared convenient keyboard shortcuts for users, such as:
[Alt/⌥ Option + Shift + G]: Activate
[Alt/⌥ Option + Shift + C]: Switch module
[Alt/⌥ Option + Shift + X]: Pause usage
[Alt/⌥ Option + Left Click]: Lock measurement
You can try "GetEles." on the website https://geteles.com. To use "GetEles." on other websites, you need to pay.
In the future, we plan to add even more fun and useful features. We hope that, with "GetEles." you'll finish your work faster and more efficiently!
For questions or support, feel free to email at [email protected]
Statistics
Installs
18
history
Category
Rating
0.0 (0 votes)
Last update / version
2024-11-19 / 0.2.0
Listing languages
en