Сообщение Javascript, передаваемое для заполнения таблицы
Здравствуйте, у меня есть следующий код, я пытаюсь передать два сообщения из confirm.js в сценарий background.js. Сообщение содержит текущий URL-адрес и информацию о том, решил ли пользователь продолжить, из диалогового окна подтверждения. Я пытаюсь создать новую строку в таблице window.html и заполнить ее каждым столбцом с URL-адресом и статусом нажатия.
Информация, используемая для заполнения таблицы, отображается в console.info в background.js как request.continued и request.url.
Confirm.js
if (confirm("User continued")) {
chrome.runtime.sendMessage({type:'continued', url: window.location.href, continued: "yes"});
} else {
alert ("You pressed Cancel!");
chrome.runtime.sendMessage({type:'cancelled', url: window.location.href, continued: "no"});
}
Background.js
chrome.runtime.onMessage.addListener(function(request) {
if (request.type === 'continued') {
console.info(request.continued, request.url);
chrome.tabs.create({
url: chrome.extension.getURL('dialog.html'),
active: false
});
}
//NON WORKING ATTEMPT INCLUDED FOR CLARITY PURPOSES
w = chrome.extension.getBackgroundPage()
var table = w.document.getElementById("myTable");
var row = table.insertRow(0);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = request.continued;
cell2.innerHTML = request.url;
});
Window.html
<!DOCTYPE html><html>
<head>
<script type = "text/javascript" src = "background.js"></script>
</head>
<body>
<table border = "1" cellpadding = "3" style = "border-collapse:collapse;">
<tr>
<td nowrap>URL:</td>
<td align = "right"><span id = "total">CLICKED</span></td> **ROWS & COLUMNS UNDER HERE**
</tr>
</table>
</body>
</html>
Основная проблемная область связана с динамической генерацией строк таблицы и использованием идентификации элементов HTML.
в настоящее время он не объявлен всплывающим окном по умолчанию. Я не уверен, как идентифицировать элементы html в window.html и управлять ими с помощью фонового скрипта. Я знаю, что в настоящее время у них нет идентификаторов.
window.html по-прежнему является отдельной страницей, поэтому приведенный выше комментарий по-прежнему применим.
Я включил полный фоновый код, чтобы показать, как я пытаюсь получить доступ к файлу html.
Второй chrome.windows.create имеет другое значение для type: 'popup', как вы можете видеть в документации, это просто тип окна, у которого нет адресной строки. В вашем случае он ничего не делает, потому что вы не указали url.
Я удалил элемент создания вкладки и включил свою попытку решения, чтобы, возможно, лучше понять, что я пытаюсь сделать.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Объявлен ли window.html как всплывающее окно по умолчанию browser_action? Если это так, это отдельная страница со своим собственным URL-адресом и не связана с фоновая страница, который также является отдельной страницей со своим собственным URL-адресом. Таким образом, background.js должен быть только в manifest.json, где он объявляет фоновая страница. Что касается window.html, вам нужен отдельный файл сценария только для этого окна - обратите внимание, всплывающее окно существует только в то время, когда оно отображается, и для него есть собственные инструменты разработчика, которые доступны, щелкнув правой кнопкой мыши всплывающее окно, а затем нажав «проверить». См. Также архитектура.