Beta: Developer Info

The feature I am super excited to announce is rolling out to the beta version of the extension. It is being released in a more unpolished state than we usually do it. The reason for this is that the feature is already useful, and shows it's sheer potential, the feature is also expected to stop working due to a HubSpot update. I wanted to get it in-front of as many eyes as possible before it is broken, so others see the value it could bring.

what does it do?

If you inspect a hubspot page and click the HubSpot tab in your dev tools, you will now see the developer info for the current page. Formatted in human readable form and made collapsible. In addition in the key value pairs if you click one of the keys it copies the HubL to your clipboard, for rendering that data.

This feature has taken almost an entire year to build huge huge props to Gonzalo Torreras for the css formatting and javascript that makes it do it's magic. Huge props as well to William Spiro and Matt Coley for helping me to work out a secure way to get the developer info pulled into the dev tools pane.

Screenshots

Be aware as stated before, this feature is expected to stop working around May 23rd due to a change on HubSpot's end.

I am hoping that by showing everyone the potential of this feature, that the community and HubSpot employees alike will see how valuable this is. I am hoping I can be put in-touch with the team making the change that breaks this, to see if we can upgrade the extension to support the new methods HubSpot plans to use.

If you are a HubSpot employee and would like more information feel free to reach out to me on Slack or by email. I can explain how the feature works, and what is going to break, and what I need to be able to upgrade this feature so it can continue to function.

Potential

If we can make this feature continue to function, we'll be able to add even more useful functionality that builds on this.

• a button that immediately grabs all of the widgets or widget_data from a page, making it so you can grab all of the custom modules from flex columns with easy.
• a button to jump you to the Email specific variables
• a button to jump you to all of the request variables
• possibly an ability to generate for loop HubL code straight from the json data.
• quick debugging information
• possibly a button to view where a piece of the json data might be getting displayed in the inspected page.
• there are so many possibilities that it's inspiring and exciting.

Privacy and the new permission

Quick note on privacy as this feature requires allowing a permission.
The permission the feature requires is optional for using the extension, but to use the feature it must be enabled. The permission gives the extension access to view data for the current page you are viewing when you open the inspector. No portal data, none of the developer info opened, is ever stored in the extension or transmitted anywhere. Check out the privacy policy for more information on how we handle privacy.

Enabling the permission in the beta version does not affect the stable version. The stable version until we've worked out a more long term method of making this feature work, will not be getting the feature.

Security

• The feature doesn't enable you to view developer information for a page you can't already have access to.
• All of the security is on HubSpot's side.
• This feature actually is slightly more secure than using developer info through the sprocket menu as it forces the data to get pulled using https.