{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreifxuumfj4ubmblffa7oorp7qyeemhhp5mah4xol6rswlyhqi6o2xu",
    "uri": "at://did:plc:25rdn5elo5izoxrmtis34zuk/app.bsky.feed.post/3mpsf52zrk222"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreieki73rxmgypuspnzkyhd5oogaenwasoyxrqozkqfhe4g4vj7u2pu"
    },
    "mimeType": "image/webp",
    "size": 70688
  },
  "path": "/rahul_agarwal18/5-chrome-extensions-every-web-developer-should-have-installed-3lbg",
  "publishedAt": "2026-07-04T05:49:24.000Z",
  "site": "https://dev.to",
  "tags": [
    "webdev",
    "javascript",
    "css",
    "productivity"
  ],
  "textContent": "VS Code extensions are great, but your browser is where the debugging actually happens. Here are 5 Chrome Extensions every Web Developer should have installed.\n\n###  🎨 ColorZilla\n\nInstantly grab the exact hex code of any color on any website. No more inspecting elements just to find a color value.\n\n###  📏 VisBug\n\nAn open-source design debugging tool. Let's you tweak spacing, margins, and CSS of live websites visually without having to dig through the DevTools panel.\n\n###  🚀 Wappalyzer\n\nClick one button and instantly see the entire tech stack (Framework, Analytics, UI library, server software) of the website you are currently visiting.\n\n###  📱 Responsive Viewer\n\nSee what your web app looks like on multiple screens (iPhone, iPad, Desktop) all at the exact same time. Essential for modern responsive design.\n\n###  📝 JSON Viewer Pro\n\nStops JSON API responses from looking like a giant wall of unreadable text and formats them beautifully right inside the browser window.\n\n**Am I missing any?** What Chrome extension can you not live without? 👇",
  "title": "5 Chrome Extensions Every Web Developer Should Have Installed 🕸️🔍"
}