JScolor 选择器不带有 chrome 扩展页面操作 html答案

【问题标题】：JScolor picker doesn't with chrome extension page action htmlJScolor 选择器不带有 chrome 扩展页面操作 html
【发布时间】：2018-02-09 21:43:47
【问题描述】：

页面操作 html：

<!DOCTYPE html>
<html>
    <head>
        <script src="jscolor.js"></script>
        <script src="popup.js"></script>

        <style>
            body{
                min-width: 250px;
                min-height: 150px;
            }
        </style>
    </head>

    <body>

        <button
    class="jscolor {valueElement:null,value:'66ccff'}"
    style="width:50px; height:20px;"></button>



    </body>
</html>

这个 html 就像一个网页一样工作得很好。但是当我将它用作 chrome 扩展页面操作 html 时，样式都搞砸了。为什么是这样？我还需要在 manifest.josn 中包含源文件吗？

【问题讨论】：

标签： html google-chrome-extension jscolor

【解决方案1】：

需要两个修复来解决您的问题：

src="jscolor.js"></script>

脚本名称前应该有斜线：

src="/jscolor.js"></script>

您还必须在清单文件中指定：

    "web_accessible_resources" : [
        "jscolor.js",
        "popup.js"
    ],

【讨论】：