Drogon is a chrome extension to quickly find relevant information about Pixlee widgets.

Problem:  If you work at Pixlee, whether that maybe in engineering or design or sales or customer service, a huge chunk of your work involves finding information regarding the widgets that are embedded on our client's websites. However, it is a laborious process and it currently involves multiple steps - which includes:

• Inspect the widget so you can see the embedded <iframe> code
• Find the widget ID
• Go to admin panel and search the widget ID
• Retrieve the necessary information

Now those four steps may not seem like that much work but when you're doing them over multiple times throughout the day, it starts to become a chore. That is how I felt when I started at Pixlee and I was going through this process a lot. I thought there had to be a better way to get the widget information and display it in a cleaner and faster way.

Solution: Since we were doing most of the inspection while we were on the client's website, I figured it would be best to solve this problem with a chrome extension. The extension has access to the DOM (website's code) where our iframe is embedded. So in short, it would:

• Search and find the iframe in our client's website
• Extract widget ID from there
• Create the widget ID url (e.g. ****.com/widget/1234567)
• Fetch the raw HTML that the widget url serves
• Parse the most important and relevant information from the raw HTML
• Display it in a good, clean, and user friendly UI

This is all done in few seconds. The amount of time it saves from not just getting information but switching tabs and windows is not insignificant.

Quick Preview