DEV Community

Cover image for How to change your page layouts in the browser
Mudacumura Brunoblaise
Mudacumura Brunoblaise

Posted on • Edited on

3 1 1 1 1

How to change your page layouts in the browser

Have you ever wanted to edit your web app using developer tools and you end up using much time than? We are going to see how we can change that just in seconds, how do we do that let see it in the leading paragraphs. Enjoy

Exception in the article

  • develop much faster than you normally do

  • increase productivity

  • work smart but not hard

Let get into it so, firstly download the extension in the web store now.

the extension name is called visbug

Windows

Click or press alt + shift + d

Mac

Click or press option + shift + d

it will look like this.

React App.png

As conclusion, it is important to work fast but effectively as the say goes work smart but not hard only if you need it. if you need more details about the extension, go to their official site and read docs(documentation) and also the site you see is all developed using the **visbug **extension

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

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

Okay