Как посмотреть код расширения chrome
Перейти к содержимому

Как посмотреть код расширения chrome

  • автор:

Как посмотреть исходный код любого расширения в браузере

Как посмотреть исходный код любого расширения в браузере

Всем привет, многие из вас используют расширения для браузеров, начиная от Google Chrome и заканчивая на Opera и Mozila Firefox. Все расширения, которые вы устанавливаете требуют тех или иных разрешений, таких как изменение информации на страницах, редактирование данных и многое другое. Некоторых такие пункты сильно смущают тем, что они не могут наверняка знать, а не злоупотребляет ли расширение такими правами. Именно поэтому было создано другое расширение для браузера, которое поможет увидеть исходный код расширения и узнать куда оно тратит предоставленные ему права, либо поможет вам создать свое расширение на базе полученных исходников.

Приступаем:
1) Заходим на страницу расширения и устанавливаем его

Как посмотреть исходный код любого расширения в браузере

2) Нажимаем на значок расширения и выбираем пункт «View Extension Sourse»

Как посмотреть исходный код любого расширения в браузере

3) Вставляем ссылку на расширение, которое хотим проинспектировать

Как посмотреть исходный код любого расширения в браузере

4) Жмем «Open in this viewer»

Как посмотреть исходный код любого расширения в браузере

5) Выбираем необходимые пункты и смотрим исходный код

Расширения Chrome

Отлаживать будем расширение Hello World, описанное в быстром старте. Создайте и подключите его к браузеру, не забудьте на странице chrome://extensions включить “Режим разработчика”. Там же можно узнать идентификатор расширения. Выглядит он примерно так: ID: maihdofgpghpnnjniclajfepbgdhabpg.

Исследуем всплывающее окно

Для этого кликаем правой клавишей мыши по иконке расширения и выбираем пункт “Просмотреть всплывающее окно”. Если вы уже отлаживали скрипты с помощью встроенных в Chrome инструментов разработчика, то открывшееся окно вас не удивит. Все привычные возможности присутствуют.

popup[3]

Теперь справа вверху жмем кнопку — внизу откроется консоль для ввода команд. Теперь в ваших скриптах можно расставить точки останова и командой location.reload(true) перезагрузить всплывающее окно – это позволит проследить всю логику работы хоть с самой первой строчки.

script

Справа можно наблюдать локальные переменные и управлять процессом выполнения.

Все это радостно, но как быть с отладкой контекстных меню, омнибокса, фоновых и контекстных скриптов, когда они не имеют кнопки на панели инструментов? Ответы придется искать где-то в руководстве для разработчиков.

Подсказка – доступ к фоновой странице можно получить (открыть ее в режиме отладки) на странице chrome://extensions, а все остальные возможности (омнибокс, меню) инициализируются с нее. Также можно добраться до любой страницы расширения через его id: chrome-extensions://id/имяфайла, после чего этот файл можно открыть в отладчике через контекстное меню.

Очень полезно внимательно просмотреть вот это видео:

Можно ли посмотреть исходный код расширения для Chrome?

Есть расширение не из магазина (файлы на скрине). Если открыть JavaScript код, то он там будет, но само расширение пользуется только этими файлами для работы или оно может подгружать ещё какие-то файлы с кодом для работы?

5e0ca518f379f228628764.png

  • Вопрос задан более трёх лет назад
  • 853 просмотра

1 комментарий

Простой 1 комментарий

Как посмотреть код/скрипт расширения браузера?

Глазками, через devtools (раздел Sources, подраздел Content scripts).
Ну а бэкграунд-скрипты можно просмотреть кликнув по соотв. ссылке в подробной информации о расширении. Режим разработчика должен быть включен, естессно.

Либо, можешь потискать все распакованное содержимое расширения, перейдя в его директорию (в винде это %LOCALAPPDATA%\Google\Chrome\User Data\\Extensions\\).

H-p AПросветленный (46827) 3 года назад
А еще бывают опенсорсные проекты)

Ярослав Искусственный Интеллект (107837) Highest-precision Army, плюс просмотра через девтулз в том, что можно сразу поиграть с кодом в отладчике. К тому же, гуглить репо чуток дольше)) хотя, если кодец минифицирован — это все же придется.

АлексейЗнаток (287) 1 год назад

Привет всем , требуется программист который сможет открыть программу-расширение , папка с расширением есть , но не знаю полный скрипт или нет , либо кто сможет написать похожую программу на фоне этой соответственно за вознаграждение

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *