С расширением Chrome, как можно добавить HTML чуть ниже тега тела страницы? - PullRequest
4 голосов
/ 24 января 2012

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

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

var iframe = document.createElement("iframe");    
iframe.src = chrome.extension.getURL("iframe.html");
document.body.appendChild(iframe);

Файл iframe.html - это просто

<button id="button">Click me!</button>
<script>
document.getElementById("button").addEventListener("click", function() {
top.postMessage("clicked!", "*");
}, false);
</script>

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

1 Ответ

3 голосов
/ 24 января 2012

Вы можете добавить его в начало, используя insertBefore и firstchild, например:

document.body.insertBefore(iframe, document.body.firstChild);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...