Vue-devtools: Vue devtools not available

[buksy90]

Version

5.1.0

Browser and OS info

Chrome 74.0.3729.157 (Official Build) (64-bit) (cohort: 74_169_Win), Windows 10 OS Build 17763.503

Steps to reproduce

1. open following link https://jsbin.com/koyorenino/edit?html,js,output
2. open dev tools

What is expected?

I would expect Vue tab to be present on devtools and Im being able to debug Vue application

What is actually happening?

Developer tools dont display Vue tab

---

I can see Vue tab in developer tools when I visit following site:

• https://vuejs.org/v2/examples/

It (also) doesnt work for:

• https://vuetifyjs.com/en/

I have checked my settings of extension, I have it allowed on all sites and I have event allowed in incognito & file urls., Still doesnt work, here are my settings https://imgur.com/a/0bAIlR9

[Larceniii]

Same issue, closed tab and reopen tab fixed it for me.

[b-jan]

Devtools inspection is not available because it's in production mode or explicitly disabled by the author.

[subz390]

I think the issue could be related to not working across iframes. For example in JSFiddle Vue Boilerplate the output page is in an iframe and it doesn't work for me on that site. In the Developer Tools console I get the standard console.info message _You are running Vue in development mode._ and _Download the Vue Devtools extension for a better development experience:_ however I have Vue Devtools installed and it's working just fine for me on a page where the code isn't in an iframe.
I've tested this in both FireFox and Chrome browsers.

[hello-chenchen]

@subz390 the same problem to me.

[xiaopenggithub]

Devtools inspection is not available because it's in production mode or explicitly disabled by the author.