Добрый день. Пишу свое первое расширение для хрома, надо по работе:
В расширении есть: текстовое поле и кнопка, при нажатии на кнпоку, должен произойти поиск того, что пользователь написал в текстовое поле на странице ( аналог ctrl+f). Но, пишу я это для того, что поиск нужен по большому меню aka аккардион меню, которое по умолчанию скрыто(свернуто), соответсвенно пока не развернешь, поиск не возможен.
Задача плагина: развернуть это древо и найти в нем то, что написано в текстовое поле.
Создал файлы:
index.html - тело плагина
jquery.js - подключается библиотека jquery лол
manifest.json - собственно файл манифест
popup.js - сам скрипт jq который должен менять DOM
Сам сайт мне не доступен, все операции на стороне клиента онли, поэтому и пишу плагин
В
manifest.json у меня вот что:
{
"manifest_version": 2,
"name": "ИМЯ ПЛАГИНА",
"description": "Можно модули поискать. Удобно.Наверное...",
"version": "1.0",
"browser_action": {
"run_at": "document_start",
"css": ["css.css"],
"matches": ["урл.сайта"],
"default_icon": "icon.png",
"default_popup": "index.html",
"js": ["jquery.js", "popup.js"]
}
}
Прошелся Firebagом по тому сайту, нашел стиль отвечающий за свернуть/развернуть меню:
.ng-hide {
display:none !important
}
соответвенно нужно что-бы эти классы было видно
В popup.js сделал вот так :(с предвкушением, что ничего из этого не выйдет)
$('ng-hide').css({'display:block !important'});
и ничег не вышло, взаимодействия с DOM нет.
Так вот ребят будте добры, подскажите, как мне заставить браузер изменять объекты DOM дерева через плагин
