e-addons

Share

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on whatsapp
Share on telegram
Share on skype
Share on email

e-addons for Elementor

Frontend Inspector

Your pages may be feeling a little exposed with Frontend Inspector… Anyway you can inspect and analyze your pages in each of their parts, and see in front-end every element that composes the result page: Template, Section, Columns, and every widget. Each of them will be reported in a panel similar to the Elementor Navigator to feel like at home. You can access specific info for any element, like load time, docs, and many other useful data.

Analyze the page for a complete debug and increase its performance

Have a clue of what’s going on your page and quickly edit its elements

How it works:

inspector scheme

1

inspector 1 button

Inspector button

Click on “Inspector” main voice from Top Bar in front-end and you will activate the new inspection instrument (3) with all its features.

2

inspector 2 panel

Top bar

The dropdown Panel on the Top Bar displays all the Templates in the current page, the Theme included files and info about the used memory.

3

inspector 3 three

ELEMENTS TREE

In the panel on your right, you can navigate the complete Tree, with the hierarchical representation of the page structure, and inspect all the elements.

4

inspector 4 view

HIGHLIGHT

When you choose an element from the Tree you will see the highlighted block on the page.

5

inspector 5 info

ELEMENT info

When you click on an element from the Tree, an info panel will appear. Here you will find many useful and debug info.

6

inspector 6 actions

Quick Actions

Quick hide/show the element in frontend and quick edit it in the Elementor Editor.

7