1

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

好吧,我就是这么想的,而且我找到了这个网站,用户创造了连锁反应。

但是,如何将其作为 chrome 扩展,以便每次用户单击时都会显示波纹效果,并在 CSS3 中完成背景径向渐变,代表用户可能访问的任何网站的内容?

4

1 回答 1

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

于 2011-08-30T04:32:07.980 回答