Search code examples
vue.jsgoogle-chromegoogle-chrome-extension

Chrome Vue debugger for chrome-extensions?

I'm debugging an unpacked extension loaded from a folder. The page URL is chrome-extension://op... and the page uses Vue. The Vue chrome debugger extension shows "Vue JS not detected". I have enabled "Allow access to file URLs" for the extension but it still cannot detect Vue JS. Are chrome-extension URLS really inaccessible to Vue JS debugger? If so, how do I enable Vue debugger for extensions?

Solution

  • You should have a manifest.json looking like this

    "permissions": [
    "http://myapp.appspot.com/*",
    "http://localhost/*"
]

    As shown in this answer: https://stackoverflow.com/a/7675088/8816585