Question

我正在尝试在Chrome扩展程序中插入一些twitter引导单选按钮，但每当我点击非活动按钮时，扩展程序会重新加载并且按钮保持不变。

我注意到在重新加载之前的短暂时刻，扩展控制台正在输出source-scr self secuirity问题。

为了确保我已经完全删除了扩展中的所有js（甚至不是1行），但令我惊讶的是问题仍然存在。但不是安全性错误。

我不知道是什么导致了这个问题...

这是收音机btn

之一

<span class="btn-group" data-toggle="buttons-radio" style="width:100%">
    <button class="btn btn-inverse" style="width:50%">First</button>
    <button class="btn btn-inverse active" style="width:50%">Second</button>
</span>

目前在head中调用之前，整个扩展程序中根本没有js。

当我点击First时，会出现问题，这是非活动的btn。

Answer 1

这可能是由于内容安全策略阻止使用内联样式。您可以在CSP for Chrome extensions page上看到更多信息。

您可以在清单文件中添加style-src 'self' 'unsafe-inline';来放宽CSP的样式。

"content_security_policy": "default-src 'self' style-src 'self' 'unsafe-inline';"

这样您就可以在扩展程序中继续使用内联样式。

Answer 2

所以我发现问题是无线电元素在form元素内

我一点一点地重写了整个事情，当我把无线电信号包裹在表格中时，问题出现了。

我不知道为什么这是一个问题。

单选按钮导致扩展崩溃

2 个答案: