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

Обновлено: 02.07.2024

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

Расширения Chrome включают множество файлов HTML, CSS и JavaScript, а также один файл манифеста. Чтение манифеста и фонового файла расширения даст вам четкое представление о разрешениях и сценариях, которые оно загружает. Все эти файлы с расширением Chrome распространяются в виде файла CRX, но технически это стандартные файлы .zip, которые можно распаковать с помощью программного обеспечения WinZip.

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

Если вы разработчик, вам нужно просмотреть исходные коды, чтобы узнать, как написаны популярные расширения. Это также поможет вам повторно использовать код, если это разрешено лицензией.
От многих полезных расширений отказались по разным причинам, и вам может потребоваться внести изменения самостоятельно, чтобы добавить новые функции или изменить пользовательский интерфейс. Недавно я изменил файл CSS расширения Motivation, чтобы добавить темный черный фон на новую вкладку.
Если расширение создано ненадежным или неизвестным разработчиком, просмотр исходного кода поможет вам убедиться, что оно не отслеживает ваши действия в Интернете.

К настоящему моменту вы знаете, почему вам следует рассмотреть возможность просмотра исходного кода расширения, и вот несколько способов сделать это. В этом руководстве я покажу вам, как просмотреть исходный код расширения Geek Dashboard для Chrome.

Способ 1. Поиск исходного кода расширения на жестком диске

Найти исходный код расширения Chrome на вашем устройстве довольно просто. Когда вы устанавливаете любое расширение или тему из Интернет-магазина Chrome, файл CRX загружается, а содержимое файла извлекается и сохраняется локально на вашем жестком диске. Переход к извлеченному пути и поиск идентификатора расширения — это то, что нам нужно сделать для получения исходного кода. Недостатком этого метода является то, что для просмотра кода необходимо сначала установить расширение в Google Chrome.

Вот как найти исходный код установленного расширения Chrome на жестком диске:

Шаг 1. Откройте вкладку расширений в Google Chrome

Чтобы просмотреть все установленные расширения, нажмите на три вертикальные точки в правом верхнем углу браузера Chrome, наведите указатель мыши на Дополнительные инструменты и нажмите Расширения. Кроме того, вы можете напрямую открыть страницу расширений, введя chrome://extensions в адресной строке.

После открытия страницы расширений вам необходимо включить «Режим разработчика», чтобы просмотреть скрытые сведения, такие как идентификатор и индексная страница расширений.

Шаг 2. Скопируйте идентификатор расширения

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

Шаг 3. Откройте каталог пользовательских данных Google Chrome

После копирования идентификатора расширения, если вы являетесь пользователем Windows, перейдите в каталог C: - Users - - AppData - Local - Google - Chrome - User Data - Default - Extensions на вашем компьютере.

Если вы пользователь Mac, перейдите в папку /Users//Library/Application Support/Google/Chrome/Default/Extensions

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

Шаг 4. Просмотрите или скопируйте исходный код расширения Chrome

Чтобы просмотреть исходный код расширения Chome, вставьте идентификатор расширения в строку поиска внутри каталога расширений и откройте первый результат, чтобы получить полный исходный код. Вы можете либо изменить код, чтобы внести изменения непосредственно в установленное расширение, либо скопировать его на рабочий стол для повторного использования кода.

Способ 2. Использование другого расширения для просмотра исходного кода

Для современных проблем есть современное решение, и аналогичным образом есть расширение для просмотра исходных кодов других расширений Chrome. Программа просмотра исходного кода расширений Chrome, разработанная Робом В., помогает вам в буквальном смысле увидеть исходный код любого расширения или темы, доступных в Интернет-магазине Chrome.

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

Шаг 1. Установите средство просмотра исходного кода расширения Chrome

Во-первых, вам необходимо загрузить и установить в браузере Chrome программу просмотра исходного кода расширений Chrome, которая доступна бесплатно в Интернет-магазине Chrome.

Шаг 2. Просмотр исходного кода

Чтобы просмотреть исходный код любого расширения Chrome, перейдите на страницу расширения в Интернет-магазине Chrome, нажмите значок «CRX» и выберите кнопку «Просмотреть исходный код», чтобы увидеть полный исходный код на новой вкладке.

Просмотрщик исходного кода расширения Chrome также позволяет загружать весь исходный код в ZIP-файле. Чтобы загрузить исходный код расширения Chrome, просто щелкните значок «CRX» и выберите кнопку «Загрузить как zip». Это мгновенно загрузит исходный код в виде zip-файла, и вы сможете распаковать его с помощью любых утилит для распаковки, таких как WinRAR или WinZip.

Выбор лучшего способа просмотра исходных кодов расширений Chrome

Я показал вам два простых способа просмотра исходного кода любого расширения Chrome. Оба метода имеют свои плюсы и минусы, и я перечисляю пункты, чтобы понять, чем эти два метода отличаются друг от друга.

Метод жесткого диска	Метод расширения
Сначала необходимо установить расширение для просмотра исходного кода	Не нужно устанавливать расширение для просмотра исходного кода
Может просматривать исходные коды любого расширения, установленного в вашем браузере Chrome	Может показывать исходные коды расширений, которые доступны только в Интернет-магазине Chrome.
Длительный и ручной процесс	Мгновенный процесс
Умеренный риск — поскольку вам необходимо сначала установить расширение	Умеренный риск — расширение «Chrome extension source viewer» может читать вашу историю просмотров< /td>
Подходит для обычных пользователей	Подходит для разработчиков

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

Не забудьте попробовать расширение Geek Dashboard. Если у вас есть другие способы просмотра исходных кодов, сообщите нам об этом в комментариях ниже.

< бр />

Мартин Хендрикс

Мартин Хендриккс
Писатель

Мартин Хендриккс много лет пишет о технологиях. Его внештатная карьера включает в себя все: от сообщений в блогах и новостных статей до электронных книг и научных статей. Подробнее.

Каждое расширение Chrome, которое вы устанавливаете на свой компьютер, на самом деле состоит из специального ZIP-файла, который содержит файлы и папки с кодом Javascript и другими ресурсами. Самое замечательное, что вы можете заглянуть в исходный код расширения и увидеть, что оно на самом деле делает.

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

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

Найдите исходный код расширения Chrome на жестком диске

Первый способ используется для просмотра исходного кода расширений, установленных в данный момент в вашем браузере Google Chrome. Начните с перехода на страницу «chrome://extensions/». Кроме того, вы можете щелкнуть три горизонтальные полосы в правом верхнем углу окна Chrome, а затем нажать «Дополнительные инструменты», а затем нажать «Расширения».

Теперь, когда вы находитесь на странице расширений, вам нужно установить флажок в правом верхнем углу страницы с надписью «Режим разработчика» и найти идентификатор расширения, для которого вы хотите получить исходный код. В целях этой демонстрации мы будем использовать идентификатор для «AdBlock», который будет «ID: gighmmpiobklfepjocnamgkkbiglidom»

Теперь, когда вы знаете идентификатор расширения, вам нужно будет открыть проводник Windows, открыв любую папку или одновременно нажав «кнопку Windows» и «E».

Оказавшись там, введите следующее в адресную строку:

Теперь вам нужно перемещаться по папкам следующим образом: Google -> Chrome -> Данные пользователя -> Профиль -> Расширения. В некоторых случаях папка вашего профиля может называться по-другому, например, «Профиль 1», поэтому имейте это в виду при просмотре вниз.

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

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

Использование средства просмотра исходного кода расширения Chrome

Для этого метода вам потребуется загрузить это расширение, позволяющее просматривать исходный код или файл CRX для любого расширения в Интернет-магазине Google.

После установки расширения вы должны увидеть всплывающее диалоговое окно подтверждения, подобное приведенному ниже.

Теперь, когда он установлен, вы можете зайти в Интернет-магазин Google Chrome и просмотреть исходный код любого приложения. Просто нажмите на желтый значок в адресной строке, и вам будет предложено загрузить файл в виде ZIP-файла или просмотреть его в Интернете.

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

Это все, что нужно сделать.

› Matter — это долгожданный стандарт умного дома
› Что означает ИК и как вы его используете?
› 7 основных функций Microsoft Excel для составления бюджета
› 5 вещей, которые вы, вероятно, не знали о GIF-файлах
› Сколько оперативной памяти требуется вашему ПК?
› QWERTY-клавиатура — самая большая неразгаданная тайна технологий

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Просмотрщик исходного кода расширения Chrome имеет открытый исходный код (репозиторий github) и делает это очень простым.

Вариант 3. Просмотр источника локально установленного расширения

Найдите локальный каталог профиля Chrome. Откройте chrome://version/ и найдите поле «Путь к профилю:». Откройте эту папку.
Откройте подпапку Extensions/
Здесь находятся все ваши расширения с обычно удобочитаемым исходным кодом.

Сопоставление между локально установленными идентификаторами расширений и именами

В about:extensions включите режим разработчика, и вы увидите идентификаторы под каждой записью.
В файлах "Расширения/папки" файл manifest.json содержит удобочитаемое поле имени.

прокомментировал figital 26 августа 2015 г.

Спасибо, Пол, очень удобно.

serkanh прокомментировал 28 августа 2015 г.

kyriakos прокомментировал 28 августа 2015 г.

kel прокомментировал 28 августа 2015 г.

Прокомментировал Роб — W 28 августа 2015 г.

Привет, @paulirish, мне было интересно, откуда взялось такое количество звездочек в моем репозитории, и я остановился на этой сути :)

прокомментировал paulirish 10 октября 2015 г.

@Rob--Спасибо! обновлен до стабильной версии .

loretoparisi прокомментировал 16 октября 2017 г.

@paulirish Я обнаружил, что некоторые расширения не загружают свое содержимое (например, файл background.js является пустым). Есть идеи?

km3r прокомментировал 14 марта 2018 г.

Похоже, что я получил файл ".crx", который нельзя было открыть с помощью 7-zip или проводника Windows, пока я не переименовал расширение в ".crx" или ".tar"

прокомментировал amarilindra 12 июня 2019 г. •

Еще один простой способ — получить исходный код с собственного жесткого диска. Однако вам необходимо сначала установить расширение.

Скопируйте идентификатор расширения и перейдите по следующему пути:

Windows: C - Пользователи - [ИМЯ ПОЛЬЗОВАТЕЛЯ] - AppData - Локально - Google - Chrome - Данные пользователя - По умолчанию - Расширения
Mac: /Users/[ИМЯ ПОЛЬЗОВАТЕЛЯ]/Library/Application Support/Google/Chrome /По умолчанию/Расширения

Здесь вы найдете папку с идентификатором расширения, которая содержит полный исходный код.
Источник: Geek Dashboard

Тогда вы обратились по адресу. Независимо от того, являетесь ли вы разработчиком, который хочет узнать, как работает определенное расширение Chrome, или обнаружить какие-либо необычные действия в расширении (например, интеллектуальный анализ данных или криптографический анализ).

Если вы новичок и просто хотите узнать, что это за чертовщина.

Тогда это руководство написано именно для того, чтобы помочь вам в этом. Мы пошагово покажем, как получить исходный код и файлы любого расширения Google Chrome, которое у вас есть, с помощью ПК с Windows или Apple Mac.

Без дальнейших церемоний, давайте приступим.

Как получить исходный код любого расширения Chrome в Windows: 2 способа

1. Как ни странно, исходный код находится прямо на жестком диске вашего ПК. 🔎

В первую очередь вам необходимо установить расширение Google Chrome, для которого вы хотите получить исходный код. Используя браузер Google Chrome, после установки расширения Chrome перейдите на свою страницу chrome://extensions/ (вам нужно будет скопировать и вставить ссылку в строку поиска). Кроме того, вы можете получить доступ к этой странице, просто нажав кнопку меню с тремя точками (в верхнем правом углу) > Дополнительные инструменты > Расширения.

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

Проверив это, найдите идентификатор расширения Chrome, которое вы хотите попробовать, и получите исходный код. Для этого руководства я выберу UBlock Origin, соответствующий идентификатор которого — «cjpalhdlnbpafiamejdnhcphjbkeiagm» (как показано ниже).

У вас есть идентификатор ✅. Так что, черт возьми, вы делаете с этим? Просто откройте проводник Windows (вы можете сделать это с помощью поиска на ПК с Windows). Когда вы окажетесь в проводнике, введите следующий адрес в адресную строку (как показано ниже). Нажмите клавишу Enter.

Теперь нужно выполнить некоторые действия, чтобы получить доступ к папке расширений Google Chrome на жестком диске: Google > Chrome > Данные пользователя > По умолчанию > Расширения.

Затем, как только вы войдете, вы обнаружите, что там будет список папок со странными длинными именами. Эти имена являются идентификаторами установленных вами расширений Chrome. На самом деле, если у вас есть идентификатор расширения Chrome, для которого вы пытаетесь получить исходный код, вы обнаружите, что расширение будет иметь здесь собственную папку. Например, упомянутое выше расширение UBlock Origin можно найти здесь (как показано ниже).

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

Вот и все!

2. Есть ли способ намного быстрее? Да, есть.

Что вам нужно, так это загрузить расширение Google Chrome под названием Chrome extension source viewer, которое вы можете использовать прямо со своей вкладки для доступа к исходному коду любого расширения Chrome.

Вот шаги:

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

Хорошо. Теперь, чтобы использовать расширение, просто нажмите на желтый значок (значок расширения) в строке меню вверху. Вас спросят, хотите ли вы загрузить в формате zip или просмотреть исходный код исходных файлов расширения.

Если вы выберете Загрузить как zip, все, что вам действительно нужно сделать, это просто разархивировать загруженный zip-файл с помощью программного обеспечения, такого как WinRAR или 7Zip, а затем просмотреть файлы исходного кода.
Если вы выберете Просмотреть исходный код, то сможете просмотреть весь исходный код расширений Chrome непосредственно в Интернете (как показано ниже).

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

Вот это да! 🙂 Если у вас Mac, ниже мы покажем вам, как вы также можете просматривать файлы на его жестком диске.

Как получить исходный код любого расширения Chrome на Mac

Вы можете просто загрузить приложение-расширение Google Chrome под названием Chrome extension source viewer, как показано пошагово выше, чтобы получить доступ к исходным файлам любого расширения на вашем Mac.

Однако, если вы хотите найти файлы на жестком диске, вот как вы можете получить к ним доступ:

В первую очередь вам необходимо установить расширение Google Chrome, для которого вы хотите получить исходный код. В браузере Google Chrome после установки расширения Chrome перейдите на страницу chrome://extensions/. Кроме того, вы можете получить доступ к этой странице, просто нажав кнопку меню с тремя точками (в правом верхнем углу) > Дополнительные инструменты > Расширения в поисковом браузере Google Chrome.

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

Проверив это, найдите идентификатор расширения Chrome, которое вы хотите попробовать, и получите исходный код. Для этого руководства я выберу UBlock Origin, соответствующий идентификатор которого — «cjpalhdlnbpafiamejdnhcphjbkeiagm».

Теперь шаги отличаются, если вы используете Mac. Что вам нужно сделать, так это, имея идентификатор расширения Chrome, вам нужно будет перейти к chrome://version/ в строке поиска вашего браузера Chrome. Зачем это нужно делать, спросите вы? На этой странице показано, где найти папку расширения Chrome на жестком диске вашего Mac.

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

Получив исходный код расширения Chrome, просто откройте Finder на Mac. Нажмите на вкладку "Перейти" в верхнем меню, а затем нажмите "Перейти к папке...".

Затем вставьте сюда ссылочный путь, который вы скопировали на шаге 5, а затем нажмите «Перейти», чтобы Finder открыл эту папку.
Вы обнаружите, что в открывшемся окне Finder здесь находится папка Extensions. Просто дважды щелкните, чтобы открыть папку Extensions, в которой будет храниться исходный код всех расширений Chrome.
На этой странице вы найдете несколько папок со странными длинными именами. Эти имена на самом деле являются идентификаторами расширений Chrome. Итак, основываясь на идентификаторе расширения Chrome, который вы хотели найти на шаге 3, просто откройте папку с соответствующим названием. Это будет папка с исходным кодом расширения Chrome, которое вы ищете.
Наконец, вы должны найти все исходные файлы, которые будут размещены здесь.

Все готово!

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

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

Читайте также: