Skip to content

vue-devtools in CEF #237

@undavide

Description

@undavide

Hi,
I'm using Vue.js in a web application running within an instance of the Chromium Embedded Framework (CEF) – FYI I'm talking about a Photoshop HTML Panel (some Adobe's applications use CEF in their extensibility layer).
In that context, debugging is done connecting Chrome to a specified port of localhost, so that we can use the Chrome Dev Tools:

image

Problem is that Chrome has Dev Tools as the displayed/only page in the browser (for the actual HTML/JS is hosted in Photoshop), and if you try to run the Vue Devtool, it obviously complains because it can't see any Vue action going on in there.

As far as I get it, Vue Dev Tool is inspecting Chrome Dev Tools as the only page available, and of course it gets mad. Do you think there is a way to successfully use Vue Dev Tool in this peculiar context? I had the very same problem back in the day I used Angular, with the Batarang extension – I'm afraid it might be an architectural issue, but it's worth asking nonetheless.

Thank you!

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions