DEV Community

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

Posted on

49 15

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

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

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 :) !

SurveyJS custom survey software

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay