在JQuery for Chrome中的觸摸屏紋波效應

Question

因此，我最近將筆記本電腦轉換爲觸摸屏平板電腦。現在，如果我是Windows用戶，我可以使用iTouch，但我是Linux用戶，那麼OS 10或獲得Chromebook的用戶或在其Tablet PC上安裝Chromium操作系統的情況如何？

那麼我想到了這一點，以及我發現this網站，並且用戶創建了連鎖效應。不過，我想將其作爲Chrome擴展程序，因此每次用戶點擊時都會顯示連鎖反應。

Here's一個zip文件，其中包含上面的連鎖效應的源代碼，以及在CSS3中完成的背景徑向漸變，代表用戶可能在其上的任何網站的內容，以及您可以點擊哪些相同的連接紋波效果。

現在here's鉻擴展的來源我想爲我的瀏覽器，但漣漪效應不可見/工作。任何人都可以幫助解釋爲什麼，我需要解決什麼？

任何幫助將不勝感激。

Answer 1

這種擴展的主要組件是將這個js庫注入到所有頁面以及css中。您可以使用所謂的content scripts來做到這一點。

然後你需要一些方法來打開/關閉它。通常通過browser action（工具欄按鈕）或上下文菜單完成。

開始的一個好方法是閱讀這些鏈接（以及該網站上的其他所有內容）。

UPDATE

它不會因爲你的後臺頁面時，您呼叫的工作：

chrome.tabs.executeScript(null, {file: "js/ripple.js"}); 

是越來越注射馬上到，這是擴展的安裝過程中電流的標籤（這最有可能的是chrome://extensions/，你不能注入任何東西）。

這就是爲什麼我之前提到，爲了觸發效果，您最有可能想要用戶瀏覽器操作按鈕。你的背景頁面應該是這樣的：

chrome.browserAction.onClicked.addListener(function(tab) { 
    chrome.tabs.executeScript(tab.id, {file: "js/ripple.js"}); 
}); 

或者，如果你想要這個連鎖反應是始終開啓，只需添加ripple.js到manifestwith腳本的其餘部分。