如何将样式应用于使用chrome.devtools.panel.create在您自己的chrome扩展中创建的面板?

时间:2015-05-13 10:34:37

标签: google-chrome-extension

我正在尝试构建Chrome扩展程序,它将自己的面板添加到开发人员工具中。这是代码,负责(coffeescript):

devtools.js

chrome.devtools.panels.create 'Panel',
  null,
  'panel.html',
  (panel) ->
    panel.onShown.addListener (win) ->
      container = document.createElement 'div'
      win.document.body.appendChild container

这是manifest.json行,负责devtools:

"devtools_page": "devtools.html"

这就是我在devtools.html中所拥有的:

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="devtools.css"/>
  </head>
  <body>
    <script src="devtools.js"></script>
  </body>
</html>

devtools.css

div {
  width: 50px;
  height: 50px;
  background: #000;
}

但问题是我无法将devtools.css的样式应用到我的devtools.html页面。

所以,问题是如何将样式应用到我的devtools面板?

0 个答案:

没有答案