vue-cli-plugin-browser-extension icon indicating copy to clipboard operation
vue-cli-plugin-browser-extension copied to clipboard

Dev Tools tab not showing on DevTools by default

Open ghost opened this issue 4 years ago • 1 comments

Feature Request While using the boilerplate and adding the Dev Tools Tab feature I expect seeing new tab added to dev tools, but its not implemented. By default, I think it should contain a default placeholder tab which works with the mozilla polyfill.

To Reproduce

  • vue create extension
  • vue add browser-extension
  • at Which browser extension components do you wish to generate? mark Dev Tools Tab
  • npm run serve
  • open chrome on macOS and load unpacked
  • press F12

Expected behavior my new extension's devtools should appear as a tab

Name Version
vue-cli-plugin-browser-extension 0.24.0
Operating System MacOS Mojave
Node v13.12.0
NPM/Yarn 6.14.4
vue-cli 4.0.5
browser Chrome, latest

ghost avatar May 02 '20 16:05 ghost

add chrome.devtools.panels.create('Devtool', '', 'devtools.html'); to /src/devtools/main.js below the imports

BogdanChayka avatar Nov 06 '20 11:11 BogdanChayka