DEV Community

Cover image for A productive web developer needs a buddy in his browser (Chrome Extension)
Tomer Ovadia
Tomer Ovadia

Posted on

A productive web developer needs a buddy in his browser (Chrome Extension)

We all want to be productive web developers.

As a Fullstack Web Developer I find myself debugging a lot the same things over and over again. This is used for both making logic around the results and especially to understand that everything behaves as expected and that there is nothing unusual on the client's end. Things like:

  • Browser details (User Agent, Languages, ..)
  • Page details (History, Location, Protocol, Host, Origin,..)
  • Supported Features (Geolocation, Canvas, Touch device, ...)
  • Screen sizes (Window, Body, Document, Resolution, ...)
  • Storage (Cookies, localStorage, sessionStorage, ...)
  • Geo IP / Position (Latitude, Longitude, ..)
  • CSS supported features (Animations, Transforms, Media queries, ...)

As you can see, the above list is endless, and we don't want to end up opening the DevTools each time, we just want this information available to our needs in a 1-Click distance! For this need, I created a new Chrome Extension called BrowserBuddy to easily give you a full visibility on these.

So it's now easy to view the info available and stored about you in the browser!

Screenshots

Alt Text

Alt Text

Clicking any row will also tell you what code can retrieve the value:

Alt Text

I hope you find this helpful as I am ๐Ÿ˜Š
If you have any comments or suggestions to add, feel free to comment!


If you liked the article, please click the โค๏ธ below so other people will see it on DEV.to :) ! Feel free to follow me on Github

Top comments (11)

Collapse
 
mjcoder profile image
Mohammad Javed

That's awesome. I'll be sure to install & use this. It'll definitely come in handy.

Collapse
 
otomer profile image
Tomer Ovadia

Thank you @mjcoder Would love to hear your feedback :)

Collapse
 
mjcoder profile image
Mohammad Javed

I'll be taking a look at this tomorrow, I've taken a break away from the PC over the Easter Bank Holiday. Feels great. I'm sure this chrome extension is great too!

Collapse
 
darksmile92 profile image
Robin Kretzschmar

This is a really great extension to boost productivity!
I like that you included the code to get those properties, very helpful ๐Ÿ˜Š

Collapse
 
otomer profile image
Tomer Ovadia

Thank you @darksmile92 :)

Collapse
 
barelyhuman profile image
Reaper

Holy mother of browsers!
This is cool.

Collapse
 
otomer profile image
Tomer Ovadia

lol @barelyhuman , thank you ! :)

Collapse
 
maciekgrzybek profile image
Maciek Grzybek • Edited

Looks really cool ๐Ÿ‘ŒI'll give it a test ride tomorrow ๐Ÿ˜Š

Collapse
 
otomer profile image
Tomer Ovadia

Thank you @maciekgrzybek :)

Collapse
 
heytimapple profile image
Tim Apple

Just installed, very nice.

Collapse
 
otomer profile image
Tomer Ovadia

@ancestralgeek Thank you, happy to hear :) !