Chrome的JQuery中的触摸屏波纹效果

Question

我有触摸屏平板电脑。 现在，如果我是Windows用户，我可以使用iTouch ，但我是Linux用户，那么OS 10，或者是拥有Chromebook或在平板电脑上安装Chromium OS的用户呢？

好吧，我想到了这一点，找到了这个站点，用户创造了涟漪效应。

但是，如何使它成为Chrome扩展名，从而在用户每次点击时显示涟漪效果，并在CSS3中完成背景径向渐变来表示用户可能访问的任何网站的内容？

Answer 1

这种扩展的主要组成部分是将此js库和css一起注入所有页面。 您可以使用所谓的内容脚本来执行此操作。

然后，您需要某种方式打开/关闭它。 通常通过浏览器操作 （工具栏按钮）或上下文菜单来完成。

一个很好的开始方法是通读那些链接（以及该站点上的所有其他链接）。

更新

它不起作用，因为在调用时在您的后台页面中：

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 ，则只需将其余的脚本添加ripple.js到清单中即可。