Мой popup.js получает массив, заменяет , на \n и печатает элементы на странице popup.html.По какой-то причине символы новой строки не формируются, и вместо этого все, что я вижу, это небольшие пробелы, где раньше был ,.
popup.html
<!DOCTYPE html>
<html>
<head>
<link href="popup.css" rel="stylesheet" type="text/css">
</head>
<body>
<h3>Header issues</h3>
<p class="hdrs">Fetching headers..</p>
<script src="popup.js"></script>
</body>
</html>
popup.js:
function fixArrayLines(response) {
var sorted = response.toString().replace(/,/g,',\n');
return sorted;
}
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
chrome.tabs.sendMessage(tabs[0].id, {type: "getHDR"}, function(response) {
var sortedRsp = fixArrayLines(response);
document.querySelector("p.hdrs").textContent = sortedRsp;//if response null, replaces with empty
});
полученный массив (с именем "response"):
var response =[aba,baba,gaga]
неожиданныйрезультат на странице popup.html
aba baba gaga
У меня есть небольшая инструкция CSS для минимального размера всплывающего окна - вот и все, и манифест настроен правильно.Почему это происходит?Как правильно отсортировать элементы массива построчно?(таким образом или любым другим)?