Dev Console keeps reopening

[reda]

Hi,

First, I want to say that I’m really enjoying the DX with the new shopify app dev, kudos to the team!

I just want to report a small annoyance: whenever I run the dev command and navigate to the app in the admin, the dev console popup opens up. That’s fine the first time, but I’d like my choice to persist and not open again when I refresh the page.

I searched the previous issues but didn’t see anything related.

[Liam-Shopify]

Hi @reda

Thanks for this feedback, for sure see how persisting dev console behaviour would be preferable. We’ll be making improvements to this experience before general release and I’ve raised this to the team working on this.

Let us know if you have any other feedback

[reda]

That’s great! Thanks @Liam-Shopify

[tjakubowski]

Any update on this? It seems that the dev console opens any time I load any page in my dev store’s admin, even pages unrelated to the app I’m working on. It’s quite annoying, and it’s not easily ad-blockable either.

[BenVoglerCBI]

This is so frustrating. I was forced into this new experience and now am stuck closing the dev console every time I refresh (which is really often when you’re doing front end development!).

I can’t believe this was shipped like this without even an option to opt out of the new experience

[BenVoglerCBI]

I agree, because of the way the page’s CSS is setup, ad blocker just leaves you with a gray space in place of the dev console. At the very least change the CSS of the dev console so we can ad block it and have the full page height back.

[tjakubowski]

Until we have an option to keep the dev console closed on page reload, this crude TamperMonkey userscript has been working well for me. It polls the page for the close button and clicks it. Certainly it could be improved. Modify to your taste.

// ==UserScript==
// @name         Auto Close Dev Console
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Automatically clicks the "Close Dev Console" button when it appears
// @author       Tom Jakubowski
// @match        https://admin.shopify.com/*/*
// @grant        none
// ==/UserScript==

'use strict';

(function() {
    let intervalId = setInterval(() => {
        const closeButton = document.querySelector('[aria-label="Close Dev Console"]');
        if (closeButton) {
            closeButton.click();
            clearInterval(intervalId);
        }
    }, 100);
})();

[Dmitri_Pavlutin]

It would be really great to have a config option to hide the dev console at all. Currently it doesn’t give me any useful information.

[bsenescu]

Is there anyway to disable this yet besides writing a browser extension?@Liam-Shopify

[NickWesselman]

Hey y’all. We’ve added a minimize button that will stick between refreshes. That should make it far less intrusive.

We have plans to improve the closing functionality, as well as other improvements and enhancements to this Console.

We are trying to find a better balance here of making app previews less opaque (“Why is a different/old version of this extension running on this shop?”), while staying out of your way.

[Dmitri_Pavlutin]

Hi Nick,

Thanks for sharing the plans regarding the console.

If you can also keep it closed between refreshes, that would be wonderful and even less intrusive.

Because right now it just sticks to the bottom of the screen and takes up space.

Thanks!