Как добавить jQuery в Chrome расширение

· Chrome расширения, JavaScript и Снипеты · 1 мин чтения

В этой записи, я хочу рассказать как добавить jQuery или любую другую JavaScript библиотеку в ваше личное расширение в Chrome.

В файле manifest.json под background  нужно добавить путь до jQuery библиотеки. Если у вас нет background, то добавьте.

Выглядит это все следующим образом:

"background":
    {
        "scripts": ["ваша_папка/jquery-2.0.3.js", "background.js"]
    }

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

Если вам нужно, чтобы jQuery работало на активной странице, тогда верхний вариант не подойдет, а нужно воспользоваться примером ниже:

"content_scripts": 
    [
        {
            "matches":["http://*/*"],
            "js":["ваша_папка/jquery.1.10.2.min.js", "script.js"],
            "css": ["css/style.css"],
            "run_at": "document_end"
        }
    ]

content_scripts работает напрямую с контентом активной страницы или ссылки, которую вы укажите в параметр matches. В данном примере — это любая ссылка начинающаяся с http://. Если вы хотите, чтобы было http и https, то через запятую допишите https://*/*. В итоге у вас должна получится следующая строка — ["http://*/*", "https://*/*"].

С помощью примера выше, на любой активной странице, ваше расширение добавит jQuery перед </body> тэгом, благодаря параметру run_at.

Вопросы

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