Как просмотреть исходный код расширения Chrome

Исходный код-хром-расширения-особенности

Расширения, которые вы устанавливаете в браузере Chrome на свой компьютер, представляют собой не что иное, как группу файлов исходного кода, которые выполняют предопределенные действия. Некоторые любопытные люди могут захотеть увидеть точный код, который строит эти расширения. Хотя просмотреть исходный код веб-страницы в Chrome так же просто, как щелкнуть страницу правой кнопкой мыши и выбрать параметр, получить доступ к исходному коду расширения Chrome не так просто.

Однако это не должно мешать вам просматривать исходный код расширения. Используя следующие два метода, вы сможете просмотреть исходный код расширения Chrome на своем компьютере.

Следующие методы демонстрируются на Mac.

Просмотр исходного кода расширения Chrome в проводнике

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

1. Откройте Chrome на своем компьютере, введите chrome: // extensions в адресную строку и нажмите Enter. В браузере откроется список расширений.

extsource-extension

2. Когда откроется страница расширений, установите флажок "Режим разработчика" в правом верхнем углу. Это должно позволить вам увидеть более подробную информацию о расширениях на странице.

extsource-разработчик

3. Теперь вы должны увидеть идентификаторы расширений, показанные на экране. Здесь вам нужно записать идентификатор расширения, файлы исходного кода которого вы хотите просмотреть.

В следующем примере я выделил идентификатор расширения "Adblock для Youtube". Я раскрою исходный код этого расширения на следующих этапах.

extsource-id

4. Теперь, когда у вас есть идентификатор расширения, введите chrome: // version в адресную строку браузера и нажмите Enter. Это должно помочь вам найти папку, в которой существуют файлы расширений.

extsource-версия

5. На странице версии Chrome выделите и скопируйте значение "Путь к профилю" в буфер обмена. Это показано на следующем снимке экрана.

extsource-profile

6. Откройте Finder (или файловый менеджер вашей ОС). Нажмите "Перейти" вверху и выберите "Перейти в папку…". Это позволит вам получить доступ к папке расширений на вашем Mac.

extsource-goto

7. Вставьте путь к профилю, который вы скопировали в буфер обмена, на панель "Перейти к папке" и нажмите "Перейти", чтобы открыть эту папку в окне Finder.

extsource-path

8. Дважды щелкните папку "Расширения" на следующем экране, чтобы открыть папку, в которой доступны все ваши расширения.

Здесь вы увидите несколько папок с непонятными названиями. Хотя эти папки предназначены для расширений, которые вы установили в Chrome, у них нет того же имени, что и имя расширения, и поэтому трудно найти папку для вашего расширения.

Теперь найдите папку с тем же именем, что и идентификатор расширения, который вы записали на одном из шагов выше. Это папка для вашего расширения.

extsource-папка

9. Все файлы расширений должны быть в папке, и вы можете открыть их в своем любимом редакторе, чтобы увидеть их коды.

Таким образом вы можете просматривать исходный код расширения Chrome без использования стороннего инструмента. Если вы не против установки расширения, то следующий раздел для вас.

Просмотр исходного кода расширения Chrome с помощью расширения

1. Откройте Chrome на своем компьютере, перейдите на страницу средства просмотра исходного кода расширения Chrome в Интернет-магазине Chrome и нажмите "Добавить в Chrome".

extsource-add

2. Нажмите "Добавить расширение" на следующем экране.

extsource-prompt

3. После добавления расширения в ваш браузер откройте страницу расширения в Интернет-магазине Chrome, например страницу расширения Markdown Preview.

Когда страница загрузится, щелкните значок CRX на панели расширений в Chrome и выберите "Просмотреть источник".

extsource-crx

4. Вы должны увидеть исходный код выбранного расширения в окне Chrome.

исходный код

Заключение

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

Изображение предоставлено: исходный код Clef