Chrome擴展內容腳本匹配答案

Question

"content_scripts":[{ 
        "matches" : ["*"], 
        "js": ["jquery-2.0.2.min.js","jquery.Jcrop.js"], 
        "css": ["jquery.Jcrop.min.css"] 
    }], 

對於我的Chrome擴展，我希望它可以在所有頁面上工作，並將該代碼注入到所有頁面中。我怎樣才能做到這一點？謝謝。

Answer 1

按照match pattern documentation，在matches的URL必須遵循以下模式：

<url-pattern> := <scheme>://<host><path> 

你的是因此是無效的，因爲它缺少://還有host和path一部分。
您可以使用特殊模式<all_urls>對所有支持的方案注入腳本：

"content_scripts":[{ 
       "matches" : [ "<all_urls>" ], 
       "js": ["jquery-2.0.2.min.js","jquery.Jcrop.js"], 
       "css": ["jquery.Jcrop.min.css"] 
}], 

重要提示：支持的方案是http，https，file，ftp和chrome-extension;這意味着您無法將腳本插入任何chrome://網址中。