Chrome 扩展程序:将网址动态添加到弹出式页面

Chrome Extension: Dynamically add urls to the popup page

本文关键字：添加 弹出式 动态 程序 扩展 Chrome      更新时间：2023-09-26

我能够获取URL。我想将 URL 添加到我的弹出窗口.html。但是，弹出窗口.html页面仅显示一个 URL（最后一个）。

弹出窗口.html 

<head>
<script src="time.js"></script>
</head>
<body">
<div id="newDiv"></div>
</body>

时间.js

loadPara();
function loadPara()
{
   element = document.getElementById("newDiv");
   para = document.createElement("p");
   node = document.createTextNode("New URL");
   para.appendChild(node);
   element.appendChild(para);
} // I have only added enough code to put some light on my problem

上述方法仅动态向<div>添加一个<p>。但是我想添加多个<p>（每次单击browserAction图标时）。

我看过一些类似的帖子，但没有一个有效。我已经在上面呆了一段时间，似乎无法弄清楚。（这是我完成扩展之前需要完成的最后一步）

我是Chrome扩展程序开发的新手，任何帮助将不胜感激。如果还有什么可以添加以提高清晰度的，请告诉我。

popup.html不是有状态页面。每次打开弹出窗口时都会重新加载loadPara因此它只会运行一次。

坦率地说，我不知道你为什么会不这么认为。script标签中的 javascript 永远不会再次运行，而 DOM 更改仍然存在。

这通常需要一个事件模型，即类似 onPopupOpen 的东西。

如果需要持久性，请将信息保存在 localStorage 、chrome.storage 或无数其他可用的持久性引擎中。

相关文章：