1

タッチスクリーンタブレットを持っています。Windowsユーザーの場合はiTouchを使用できますが、Linuxユーザーの場合はOS 10、Chromebookを入手したユーザー、またはタブレットPCにChromiumOSをインストールしたユーザーはどうでしょうか。

そういえば、まさにそのことを考えて、このサイトを見つけて、ユーザーが波及効果を生み出しました。

ただし、これをChrome拡張機能として作成し、ユーザーがクリックするたびに波及効果が表示されるようにする方法を教えてください。CSS3で行われる背景の放射状グラデーションは、ユーザーがアクセスしている可能性のあるWebサイトのコンテンツを表します。

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 に答える