我有一个触摸屏平板电脑。现在，如果我是 Windows 用户，我可以使用 iTouch，但我是 Linux 用户，那么 OS 10 或那些拥有 Chromebook 或在平板电脑上安装 Chromium OS 的用户呢？
嗯，我就是这么想的，而且我找到了this 站点，并且用户创建了涟漪效应。
但是如何将其作为 chrome 扩展，以便在用户每次点击时显示波纹效果，并在 CSS3 中完成背景径向渐变，代表用户可能访问的任何网站的内容？
【问题讨论】：
标签： google-chrome-extension click touch screen ripple
此类扩展的主要组成部分是将此 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 与其余脚本一起添加到清单中。
【讨论】：