Question

我正在开发一个chrome扩展程序，我最近将popup.html文件中的所有css移动到一个新的.css文件，尝试清理一些代码。

当我们进行测试时，我们开始在一些我们访问过的网页上看到一些有趣的行为，并且需要一些时间将它与扩展程序连接起来。一旦我们做了，我做了一些挖掘并意识到我的css中有css标签与受影响的页面上的css标签相同，并且我的css覆盖了页面上的css。

我在谷歌和堆栈上环顾四周，似乎我是唯一有这个问题的人。任何人都有任何想法为什么会发生这种情况。

--- ---编辑

对不起，我应该更具体一点，我确实使用了chrome文档网站上描述的编程注入，这里是我的清单，也是我的popup.html文件头部的一部分：

Manifest.json文件

     {
       "background_page": "background.html",
       "browser_action": {
       "default_icon": "loggedout.png",
       "popup": "popup.html"
     },
       "content_scripts": [ {
       "js": [ "content/overlay.js",
       "content/jquery.js","content/jquery.watermark.min.js"],
       "css": ["popup.css"],
       "matches": [ "http://*/*", "https://*/*" ],
       "run_at": "document_start"
      } ],

Popup.html文件

      <html>
         <head>
            <link rel="stylesheet" href="popup.css" type="text/css">
            ....... other includes
         </head>

Answer 1

只需从清单中删除"css": ["popup.css"],行，就不需要了。您可以在弹出窗口中包含任何本地css，而不在清单中对其进行描述（清单中的css仅用于内容脚本）。

Answer 2

除非您希望将css注入到您的扩展目标的每个页面中，否则您必须按照此处所述使用编程注入：

http://code.google.com/chrome/extensions/content_scripts.html

Chrome Ex里面的Css背景文件。溢出并影响正常网页上的CSS

2 个答案: