首页 > 解决方案 > 通过 chrome.windows.create 将 JSON 数据填充到 chrome 扩展创建的弹出窗口中

问题描述

对不起,我在 JavaScript 中的 Noobiness,但我试图弄清楚将 JSON 数据显示到 HTML 弹出窗口中显示 chrome.windows.create,目前我试图通过获取元素的 id 来显示,但这种方法不成功

response ={
  name: "Barksalot",
  species: "Dog",
  birthYear: 2008,
},
// /opening window
chrome.windows.create({"url" : "splashpage/subscription.html","type":"popup"},function(window){
  document.getElementById("newer").innerHTML = JSON.stringify(response.data)
  console.log("window created")
});

splashpage/subscription.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1><div id="newer">here comes the generated format data<div></h1>
</body>
</html>

所以我的目标是解析 HTML 中的数据,有什么想法吗?

标签: javascriptjsongoogle-chrome-extension

解决方案


推荐阅读