News Articles devtools

Changelog #0008 — 💟 Collection icons

(h)API new year! 🎉🥳🥂 What a year for HTTPie! We launched our new brand, website, HTTPie for Web and Desktop in beta with thousands of developers on the waitlist, added many great features to HTTPie for Terminal, crossed 50K stars on GitHub, and grew our team to 10 members. We want to thank all of […]

Why TurboRepo Will Be The First Big Trend of 2022

TurboRepo was acquired by Vercel recently and I caught up on Jared Palmer’s excellent intro demo to see what the fuss is all about: Here are quick notes for those too busy to view the whole thing, followed by personal reflections at the end. Why Monorepos You can refer to other sources for definitions of […]

Debug memory leaks with the “Detached Elements” tool

An experimental feature in the DevTools of Microsoft Edge Canary is the “Detached Elements” tool. The “Detached Elements” tool allows you to find all nodes that are no longer attached to the document — a typical cause for leaking memory when you forget to clean them up. There are valid reasons for detaching elements from […]

Debug memory leaks with the Microsoft Edge Detached Elements tool

Memory leaks occur when the JavaScript code of an application retains more and more objects in memory that it doesn’t need any longer instead of releasing them for the browser to garbage collect (GC). For long-running apps, small memory leaks of only a few kilobytes can add up to noticeably degrade performance over time. Web […]

Chrome DevTools 101 (Parte 1)

¿Qué es Debugging? Debugging es el proceso de encontrar y resolver defectos dentro de un programa (software) que impide su correcto funcionamiento. ¿Qué es el Chrome DevTools? Es un conjunto de herramientas de creación y depuración de sitios web integrado en Google Chrome. Es decir, son herramientas que permiten llevar a cabo pruebas, análisis, monitoreo […]

Vue Observable var shared in a devtools plugin context

I’m trying to build a devtools extension panel, using vuejs. I have a basic store, created using const state: any = Vue.observable({ running: false, }) I thought each panel instance would be isolated from each others, but it looks like observable variables are somehow shared. If I update the store in one of the panel, […]

Changelog #0004 — 🖥️ Desktop app

Another week, another changelog! Check out what we shipped 👇 HTTPie for Web & Desktop HTTPie’s mission is to make APIs simple and intuitive for all those building the tools of our time. And today we got a bit closer to that goal by becoming the first API testing platform with clients for the Web, […]

A practical, step-by-step guide to using Chrome's DevTools

Introduction In this post, we’ll aim to cover practical techniques developers can use to debug, manipulate, and otherwise probe running web applications via Chrome’s built-in devtools. The goal is to articulate the specific steps and shortcuts we would use at Reflect, and to favor breadth over depth. Readers can follow the guide step-by-step and try […]

A practical, step-by-step guide to using Chrome's DevTools

Introduction In this post, we’ll aim to cover practical techniques developers can use to debug, manipulate, and otherwise probe running web applications via Chrome’s built-in devtools. The goal is to articulate the specific steps and shortcuts we would use at Reflect, and to favor breadth over depth. Readers can follow the guide step-by-step and try […]

Changelog #0003 — 📦 HTTPie command generation

Friday! It’s the time to let you know what have we been up to. Check out what’s new this week 👇 HTTPie for Web & Desktop Our mission to provide the best experience to anyone working with APIs continues at full speed. We’ve reached feature parity with the terminal version, launched in a private beta, […]

8 Chrome dev tools shortcuts for the productive developer

Do you ever find yourself wasting time looking for things in the chrome developer tools? Continue reading on Level Up Coding » Source: Level Up Coding

Improve your development workflow with Interactive Canvas DevTools

Posted by Nick Felker, Developer Relations Engineer Interactive Canvas helps developers build multimodal apps for games, storytelling, and educational experiences on smart displays like the Nest Hub and Nest Hub Max. Setting up an Interactive Canvas app involves building a web app, a conversational model, and a server-based fulfillment to respond to voice commands. All […]

Changelog 0002 — 🗂️ Tabs

It’s Friday again, and it’s our second week of changelogs. Check out what’s new this week 👇 HTTPie for Web & Desktop Our mission is nothing smaller than to provide the best experience to anyone working with APIs. With the initial milestone of the private beta reached—feature parity with the terminal version—we’re moving on to […]

5 Best Plugins For Dev Teams Looking to Level Up Productivity 🔥🔥🔥

Best VS Code Plugins and JetBrains extensions for dev team. Boost developer productivity with GitLive, Tabnine, Stepsize, EditorConfig and Better Comments. Read the full story Source: Hackernoon

Changelog 0001 — 🌓 Light theme

Hello, World! 👋 In recent months, we’ve been busy building HTTPie for Web & Desktop. It’s part of our mission to make APIs simple and intuitive. Last week, we started inviting developers enrolled in our waitlist to a private beta, and we’ve been thrilled to receive some great feedback already. So starting today, we’ll publish […]

View-Source

Chromium offers two ways for an end-user to view the source code of a web page: 1) the Developer Tools, and 2) The longstanding view-source viewer. Of these, the Developer Tools have received all most all of the attention over the last decade, but in this post I want to take a quick look at […]

Why do cookies on browser’s DevTools never match the ones shown when clicking on the padlock?

For instance: vs only 11 on devtools: Source: JavaSript – Stack Overflow

how to open "styles", "computed", "layout" , "event liesteners" when using sources dev tool of chrome dev tool?

I am newbie with css and here is my problem. When I using elements, I can the styles, computed, layout, event listeners, DOM breakpoints as you can see in this picture image about styles, computed, layout when click to elements But when I click to Sources, it does not show styles, computed, layout, event listeners, […]

Sitemap | Terms | Privacy | Cookies | Advertising

Senior Software Developer

Creator of @LzoMedia I am a backend software developer based in London who likes beautiful code and has an adherence to standards & love's open-source.