Страницы

Поиск по вопросам

пятница, 24 января 2020 г.

Расширение для Chrome DevTools

#javascript #google_chrome #chrome_extension


Подскажите, каким образом добавить свой пункт меню к меню DevTools?

Суть в следующем, при инспектировании кода, при клике правой кнопкой мыши появляется
контекстное меню 


Хотелось бы добавить в него свой пункт, и отловить событие клика по нему.
    


Ответы

Ответ 1



Из консоли можно обращаться к выделенному элементу через $0. Соответственно, если ты добавишь нужную функцию на страницу, то сможешь передать ей элемент руками из консоли.

Ответ 2



Скорее всего никак, в оф. доках нигде не указана возможность работы с контекстным меню вызванным из devTools хрома. Весь интерфейс для расширения ограничивается только: inspectedWindow network panels Panels, как сначала может показаться, доступа к контекстному меню не предоставляет. network - работа с сетью. inspectwindow - доступ к текущему окну, в котором открыт devTools. Почитать, поразбираться UPD: Я вот что подумал, последний выделенный элемент в консоли доступен по ссылке $0, может быть попробовать воспользоваться ею? Что бы получить код, можете сделать так $0.outerHtml

Комментариев нет:

Отправить комментарий