Question

我的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指令-多数民众赞成，并且清单设置正确。为什么会这样呢？我如何正确地对数组成员进行逐行排序？（以这种方式或其他方式）？

Chrome扩展程序换行符（\ n）在popup.html中不起作用

0 个答案: