- Сообщения
- 13,982
- Решения
- 3
- Реакции
- 5,704
В этой теме мы научились подключать контексное меню при создании плагина для браузера.
Сейчас более подробно и понятно о том,как это работает.
Итак,мы имеем:
Для работы с контексным меню нам сегодня понадобится только code.js
Что именно?
Для создания простого пункта можно использовать четыре метода:
Начнем тренировку с create
Что означает 'contexts':['selection'], ?
Когда мы нажимаем правой кнопкой мышки в браузере,считывается одна из этих функций:
Так же можно добавлять опционал пункту меню например чекбоксом.
Но это в другой раз.
Сейчас более подробно и понятно о том,как это работает.
Итак,мы имеем:
- manifest.json
- background.html
- code.js
Для работы с контексным меню нам сегодня понадобится только code.js
Что именно?
Для создания простого пункта можно использовать четыре метода:
- create (создать ) − integer orstring chrome.contextMenus.create
- update (обновить) − chrome.contextMenus.update
- remove (удалить) − chrome.contextMenus.remove
- removeAll (удалить все) − chrome.contextMenus.removeAll
Начнем тренировку с create
JavaScript:
////////////////////////////////
//поисковые системы выделенный текст
function selectSZ (info, tab) { //пишем функцию,которая будет выполняться
window.open('https://www.google.com:443/cse/publicurl?cx=011665641833326316287:1ay2gmqz5qu','info','height=520,width=520');
//операция,которую выполняет функция
}; //конец функции
chrome.contextMenus.create({ // создание пункта меню
'title': 'Искать на SafeZone.cc', //название пунтка меню - любой текст
'contexts':['selection'], // функция. Подробности ниже.
'onclick': selectSZ //Указываем событие - функцию которая выполнится при нажатии
});
function selectYA (info, tab) {
window.open('http://www.yandex.ru/yandsearch?text=' + info.selectionText);
};
chrome.contextMenus.create({
'title': 'Искать на Yandex.ru',
'contexts':['selection'],
'onclick': selectYA
});
function selectGoogle (info, tab) {
window.open('http://www.yandex.ru/yandsearch?text=' + info.selectionText ,'_blank');
};
chrome.contextMenus.create({
'title': 'Искать на Google.com',
'contexts':['selection'],
'onclick': selectGoogle
});
///////////////////////////////////////Что означает 'contexts':['selection'], ?
Когда мы нажимаем правой кнопкой мышки в браузере,считывается одна из этих функций:
- selection - выделенный текст (пункт отобразится при выделении текста)
- all - везде (то есть в любом месте)
- editable - в поле code (в таких полях работает только all и editable)
- page - просто на странице
- link - ярлык (если нажать правой кнопкой мыши на ярлыке или ссылке то отобразится меню)
- image - изображение
- video - видео
- audio - аудио
Так же можно добавлять опционал пункту меню например чекбоксом.
Но это в другой раз.
Последнее редактирование:
