Bootstrap Multiselect能否在Chrome扩展Manifest V3的default_popup中工作？

结论：Bootstrap Multiselect可以用于Chrome扩展Manifest V3的default_popup中，你当前遇到的仅显示“None selected”按钮的问题，可通过以下步骤排查解决：

1. 修正资源加载顺序与路径 #

确保所有资源路径正确，且样式文件优先于对应脚本加载，推荐的加载顺序如下：

<!-- 先加载所有CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/>
<link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css"/>

<!-- 再加载JS依赖 -->
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>

<!-- HTML元素 -->
<select id="example-getting-started" multiple="multiple">
    <option value="cheese">Cheese</option>
    <option value="tomatoes">Tomatoes</option>
    <option value="mozzarella">Mozzarella</option>
    <option value="mushrooms">Mushrooms</option>
    <option value="pepperoni">Pepperoni</option>
    <option value="onions">Onions</option>
</select>

<!-- 初始化脚本 -->
<script src="popup.js"></script>

同时验证css/和js/文件夹是否位于扩展根目录，资源文件名是否与实际文件一致。

2. 调整Manifest V3的内容安全策略（CSP） #

Bootstrap Multiselect会生成内联样式，而Manifest V3默认CSP禁止内联样式，需在manifest.json中配置允许内联样式：

{
  "manifest_version": 3,
  "name": "你的扩展名称",
  "version": "1.0",
  "action": {
    "default_popup": "popup.html"
  },
  "content_security_policy": {
    "extension_pages": "script-src 'self'; style-src 'self' 'unsafe-inline'; object-src 'none';"
  }
}

注意：'unsafe-inline'仅用于style-src，避免在script-src中添加，符合Manifest V3的安全规范。

3. 确认初始化时机与依赖有效性 #

在popup.js中先验证jQuery是否加载成功，再确保初始化逻辑在DOM完全加载后执行：

document.addEventListener('DOMContentLoaded', function() {
    // 验证jQuery是否存在
    if (typeof $ === 'undefined') {
        console.error('jQuery未加载');
        return;
    }
    // 初始化Multiselect
    $('#example-getting-started').multiselect();
    console.log('Multiselect初始化完成');
});

避免依赖$(document).ready，改用原生DOMContentLoaded事件，适配扩展弹窗的DOM加载机制。

4. 验证版本兼容性 #

确认你使用的Bootstrap版本与Bootstrap Multiselect兼容：

• 旧版Bootstrap Multiselect通常适配Bootstrap 3.x
• 若使用Bootstrap 4+，需确保Multiselect为对应兼容版本

内容的提问来源于stack exchange，提问作者Markus