我有一个触摸屏平板电脑。现在,如果我是 Windows 用户,我可以使用iTouch,但我是 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
其余脚本添加到清单中即可。