Редактирование страницы html с использованием расширения chrome

-1

Мне нужна помощь в получении html страницы, поиске div и добавлении некоторого содержимого html. Я не получаю точный и рекомендуемый способ сделать это.Редактирование страницы html с использованием расширения chrome

Я что-то пробовал.

Добавление сценария содержание, которое run_at: document_start

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

$(function() { 
    var style = 'border: 0 none transparent !important; background: rgba(0, 0, 0, 0.5);'; 
    var frame = ' <div id="con-1-frame" style="' + style + '">\n\ 
       </div>'; 
    $("body").after(frame); 
    $("#con-1-frame").load(chrome.extension.getURL("design.html")); 
});

Каков наилучший способ достичь этого?

Благодарю вас заранее.

источник

2015-04-05 kannu

Объясните подробно, что не работает в вашем подходе –

Я не эксперт по jQuery, поэтому я играю за свое задание. Мне нужно найти html div и отредактировать его и добавить часть моего контента. То, что я сделал, добавлено тегом div после тега, но я не тот эксперт, чтобы найти div и изменить его, используя идеальный/рекомендуемый способ. – kannu

Вы все еще не знаете, что вас спрашивает –

Что вы должны работать, если вы запускаете его как скрипт контента. Вы должны объявить его в файле manifest.json, что-то вроде этого:

"content_scripts": [ 
    { 
     "matches": [ 
      "<all_urls>" 
     ], 
     "js": ["contentscript.js"] 
    } 
],

Это добавляться в manifest.json и предполагает:

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

Для получения дополнительной информации, попробуйте посмотреть на эти ресурсы:

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

источник

2015-04-07 02:11:39 Brian

Редактирование страницы html с использованием расширения chrome

ответ

Смежные вопросы