我正在尝试构建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面板?