Vue-devtools: An idea of making vue-devtools work with iframes

Created on 21 Aug 2017  ·  7Comments  ·  Source: vuejs/vue-devtools

As far as I understand, vue-devtools hooks __VUE_DEVTOOLS_GLOBAL_HOOK__ in a page's window, then manipulates it through src/backend.

I don't see why not make it work with iframes throungh all_frames option on chrome. The hooks work the same, except the front end part might change to lazy connection with the hook that is selected by user.

Most helpful comment

I started some work on the iframes branch but it experimental and doesn't work correctly yet. Feel free to give it a look and improve it 😄

All 7 comments

Hmm, the all_frames doc isn't very clear to me. Wouldn't this run a copy of the extension in every iframe?

@posva not a copy of the extension, just a copy of the specified content script, the hook script in this case.

ok, I'll have to take a look at that option

This would be quite useful, especially with the recent release of vue storybooks (which uses iframes).
@posva I'd be happy to help if needed!

I started some work on the iframes branch but it experimental and doesn't work correctly yet. Feel free to give it a look and improve it 😄

This would be super helpful!

Let's close this in favor of #353.

Was this page helpful?
0 / 5 - 0 ratings