geteles.com

GetEles is your front-end assistant.

Latest Version

Version

0.2.0

Update

November 19, 2024

Size

221KiB

Developer

geteles.com

GetEles. Extension

\"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]

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"manifest_version":3,
"name":"GetEles.",
"description":"GetEles is your front-end assistant.",
"version":"0.2.0",
"icons":{"16":"icon/16.png",
"32":"icon/32.png",
"48":"icon/48.png",
"96":"icon/96.png",
"128":"icon/128.png"},
"default_locale":"en",
"permissions":["storage",
"activeTab"],
"web_accessible_resources":[{"resources":["/price/index.html"],
"matches":[""]},{"resources":["content-scripts/content.css"],
"matches":["",
"https://fronted.kodepay.io/*",
"https://kodepay.io/*"]}],
"content_security_policy":{"extension_pages":"script-src 'self' 'wasm-unsafe-eval'; object-src 'self';"},
"background":{"service_worker":"background.js"},
"action":{"default_title":"Click or Press [Alt/\u2318+Shift+g] to open GetEles.",
"default_popup":"popup.html"},
"content_scripts":[{"matches":["",
"https://fronted.kodepay.io/*",
"https://kodepay.io/*"],
"exclude_matches":["https://accounts.google.com/*"],
"run_at":"document_start",
"js":["content-scripts/content.js"]}]}

Download CRX(221KiB)