GetEles. 你的前端小助手 Your front-end assistant

GetEles is a browser extension designed to assist front-end developers and designers with a range of tasks related to web page inspection and analysis. The tool focuses on providing convenient access to essential webpage information, streamlining the process of retrieving details about web elements, measuring distances, and converting styles within the browser environment.

Among its features, GetEles offers quick retrieval of basic webpage information such as the title, description, and color palette. Users can also access resources like image assets from the current page. For more detailed inspection, the extension provides element-specific information, including size, padding, border, and margin, as well as a structure tree that allows users to navigate and examine the hierarchy of page elements. The tool includes a function to automatically convert an element’s styles into Tailwind CSS classes, catering to developers working with this framework.

Measurement tools are integrated, enabling users to quickly mark distances between elements using simple mouse movements. GetEles also features a screenshot capability, allowing for both element and full-page captures, with advanced options available in the Pro version. Additional utilities include a read-later function for saving web pages, performance metrics such as FCP and LCP, and the ability to listen to API calls made by the webpage. The extension supports shortcut operations to activate features and switch modes efficiently.

GetEles is available through browser extension stores and offers both free and Pro features. Some capabilities, such as advanced element inspection, structure tree viewing, Tailwind CSS conversion, read-later, performance metrics, and API logging, are marked as Pro or Lite Mode features. The Pro version can be accessed via a subscription, with WeChat Pay supported as a payment method. The tool is updated regularly, and the developer encourages user feedback for new features and improvements.