Эффект пульсации сенсорного экрана в JQuery для Chrome - PullRequest
Новая
       21

Эффект пульсации сенсорного экрана в JQuery для Chrome

1 голос
/ 30 августа 2011

У меня планшет с сенсорным экраном.Теперь, если бы я был пользователем Windows, я мог бы использовать iTouch , но я пользователь Linux, а как насчет OS 10, или пользователей, которые получили Chromebook, или установили Chromium OS на свои планшетные ПК?

Ну, я точно подумал об этом, и я нашел этот сайт, и пользователь создал эффект ряби.

Однако как сделать это как расширение Chrome, чтобыволновой эффект отображается каждый раз, когда пользователь щелкает, а фоновый радиальный градиент, выполненный в CSS3, представляет содержание любого веб-сайта, на котором пользователь может быть?

1 Ответ

1 голос
/ 30 августа 2011

Основным компонентом такого расширения будет внедрение этой библиотеки js на все страницы вместе с css. Вы можете сделать это с помощью так называемых скриптов контента .

Тогда вам понадобится какой-нибудь способ его включения / выключения. Обычно это делается с помощью действия браузера (кнопка панели инструментов) или контекстного меню.

Хороший способ начать - прочитать эти ссылки (и все остальное на этом сайте).

UPDATE

Это не работает, потому что на вашей фоновой странице, когда вы звоните: 

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 к манифесту с остальными сценариями.

...