javascript - 注入(inject)bootstrap的css影响页面

Question

我正在开发一个 chrome 扩展程序。

我需要在双击单词时显示弹出窗口。因此我注入(inject)了 bootstrap popover:

"content_scripts": [
    {
        "matches": ["*://*/*"],
        "js": ["3rdparty/jquery-3.2.1.min.js",
               "3rdparty/bootstrap-3.3.7.min.js", ...],
        "css": ["3rdparty/bootstrap-3.3.7.min.css"],
        "run_at": "document_end"
    }
  ]

但是这个css的注入(inject)影响了一些页面。可能会出现一些伪影。
我怎样才能正确地注入(inject)弹出窗口？

Answer 1

你需要隔离 Bootstrap 类

检查此链接:

How to really isolate stylesheets in the Google Chrome extension?

How to Isolate Bootstrap CSS to Avoid Conflicts