Google chrome extension Chrome JQuery中的触摸屏涟漪效应

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

我确实想到了这一点，我找到了这个网站，用户创造了连锁反应

---

但是，如何将其作为一个chrome扩展，以便在用户每次单击时都显示涟漪效应，并在CSS3中完成背景径向渐变，表示用户可能访问的任何网站的内容？

此类扩展的主要组件将是将此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

与其他脚本一起添加到manifests中。

这种扩展的主要组件是将这个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

与其他脚本一起添加到清单中。

我更新了主题。似乎无法理解为什么扩展不起作用。我更新了主题。似乎无法理解为什么扩展无法工作。