2010-07-09 65 views
38

我該如何解決在我的Google Chrome內容腳本中包含jQuery庫的問題?當然,我已經毫無結果地嘗試過了。我應該使用<script src="..." /></script>,還是有不同的/更好的方法去解決它?提前致謝!谷歌Chrome內容腳本中的jQuery?

回答

59

付諸你的背景HTML沒有做你想做的。您需要在您的manifest.json中提及它,如下所示:

{ 
    "name": "MyExtension", 
    "version": "0.1", 
    "description": "blah blah", 
    "background_page": "background.html", 
    "content_scripts": [ 
    { 
     "matches": ["http://*/*","https://*/*"], 
     "css": ["extension.css"], 
     "js": ["jquery-1.4.2.js", "extension.js"] 
    } 
    ] 
} 
+0

把在background.html沒有做......但它是強制性的,不是嗎? – 2012-03-21 21:04:07

+8

謝謝你。對於任何人這樣做,但仍然沒有得到它的工作,確保jQuery是第一個列出。 – ebi 2013-04-12 03:41:18

+1

@DanibishOP - 編號background.html頁面僅用於在後臺運行的代碼。內容腳本位於單獨的DOM上下文中,並在實際頁面上運行,並且只使用postMessage或Chrome消息傳遞API與後臺頁面進行通信。 – jmort253 2014-01-09 00:12:50

0

上述答案有效。它採用注射(這是我真正需要的時候,我發現這個頁面第一)另一種答案就在這裏:

Google Chrome Extensions: How to include jQuery in programmatically injected content script?

+4

對你的答案的第一反應是「不好,殺了它」,但你有一個點。請編輯你的答案;堆棧溢出的規則是「即使鏈接失效,答案也應該有用」。在這裏包含摘要/示例,並將其他問題的鏈接留作「更多詳細信息」。如果你這樣做,我會很高興得到讚揚。 – Xan 2015-07-01 19:08:48