Встраиваемый код и расширения chrome

01.10.2016, 13:03. Показов 802. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Добрый день. Знакомлюсь с созданием chrom расширений и столкнулся с непониманием принципа расширений.
Задача: По нажатию на кнопку с id="btn" вытащить текст из блока с id="content"
Для теста есть простая html страница:

HTML5
1
2
3
4
5
6
7
<html>
<head>
</head>
<body>
   <div id="content">Text</div>
</body>
</html>

Вот сам манифест:

JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
{
    "manifest_version": 2,
    
    "name": "test",
    "version": "1.0",
    "description": "Just a simle extension",
    
    "permissions": [
        "tabs",  
        "activeTab"
         
    ],
     
    "content_scripts": [
    {
        "matches": [ "*://*/*" ],
        "js": [ "popup.js" ],
        "css": [ "style.css" ],
        "run_at": "document_start"
    }
], 
    
    "browser_action": {
        "default_title": "test",
        "default_icon": "ico/icon.png",
        "default_popup": "popup.html"
    },
    
    "options_page": "options.html"
}

Вот код popup.js

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
window.onload = function () {
var get = function (id) {
 
        return document.getElementById(id);
    }
 
get("btn").onclick = function () {
    var txt = document.getElementById("content");
    alert(txt.innerHTML);
      
}
 
 
}

Объясните пожалуйста, почему не работает. Заранее спасибо

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

01.10.2016, 13:03

Ответы с готовыми решениями:

Chrome расширения события клика
Доброго времени суток! Есть расширения под Chrome Подключаю к нему скрипты в manifest.json через "content_scripts", все...

Vpn расширения для Chrome
Имеется vpn аккаунт (тип: PPTP) необходимо подключить vpn к браузеру. Какой метод имеется для реализации данной задачи? Аргументы...

Написание расширения для Chrome
Товарищи, всем привет. Опыт в вебе имеется, в основном в бэкэнде (php, html, css). Но в JavaScript новичок - есть небольшой опыт...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

01.10.2016, 13:03

Помогаю со студенческими работами здесь

Создание расширения для Chrome
Поставил перед собой цель создать простое расширение для Chrome! Алгоритм работы такой: берем текущую ссылку при помощи...

Узнать расширения браузера Chrome
Здравствуйте, как с помощью JavaScript можно узнать какие расширения(например ADblock) запущенны в данные момент у посетителя?

Не работают расширения в Google Chrome
В общем, проблема в том, что вместо расширений появляется мозаика, и расширения не работают. И так постоянно. Кто знает, как это исправить?

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

Создание расширения для Google Chrome
Здраствуйте, я хочу создать простенькое расширение, чтобы он переходил в фоне через две ссылки и проверял активность третей и всё это...

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .

Наверх