JQuery for Chrome中的触摸屏涟漪效果

Question

所以我最近将笔记本电脑转换成了触摸屏平板电脑。现在，如果我是Windows用户，我可以使用iTouch，但我是Linux用户，那么OS 10，或者获得Chromebook的用户，或者在平板电脑上安装了Chromium OS的用户呢？

我确切地想到了这一点，并且我找到了this网站，并且用户创建了涟漪效果。但是我希望将其作为chrome扩展名，以便每次用户点击时都会显示涟漪效果。

Here's一个zip文件，其中包含上面的涟漪效果的源代码，以及在CSS3中完成的背景径向渐变，表示用户可能在哪个网站的内容，以及在哪里点击相同的涟漪效果是可见的。

现在here's我试图为我的浏览器制作Chrome扩展程序的源代码，但是涟漪效果不可见/正在工作。任何人都可以帮助解释原因，以及我需要解决的问题吗？

非常感谢任何帮助。

Answer 1

此类扩展的主要组成部分是将此js库与css一起注入所有页面。您可以使用所谓的content scripts。

执行此操作

然后你需要某种方式打开/关闭它。通常使用browser action（工具栏按钮）或上下文菜单来完成。

一个好的开始方式是阅读这些链接（以及该网站上的其他所有内容）。

<强>更新

它不起作用，因为在你打电话的后台页面中：

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添加到清单与其余脚本。