Question

我正在构建一个扩展程序，单击该扩展程序时应该在popup.html中显示单击扩展程序的位置的当前页面的链接。变量存储“未定义”。

我尝试用空p加载.html，该p应该用于保存当前网址的数据。

popup.html

    html, body {
      width:100%;
      height: 100%;
      margin: 0;
      padding: 0;
    }
    .flex {
   display:flex;
   max-width: 80%;
    }
    .flex div{
      flex:1;
      padding:20px;
    }
    img{
      margin:30% auto 30%;
      width:100%;
      -moz-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
    }
    img:hover {
      -moz-transform: scale(1.1);
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }

@media only screen and (max-width:620px) {
  .flex {
    justify-content: center;
    flex-direction: column;
    max-width:100%;
  }
}

popup.js

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
  <div class="flex">
    <div>
      <img src="https://via.placeholder.com/926x1104" />
    </div>
    <div>
      <img src="https://via.placeholder.com/926x1104" />
    </div>
    <div>
      <img src="https://via.placeholder.com/926x1104" />
    </div>

  </div>


</body>
</html>

ID为'showUrl'的p应该显示例如https://stackoverflow.com/questions/ask 但显示未定义。我也尝试过在后台js文件中添加js，但是结果是相同的。使用的权限是：

    <script src="popup.js"></script>
    <script src="background.js"></script> 
    <p id="thisUrl"></p>
  </body>
</html>

如果我尝试直接获取Chrome当前网址，则未定义

0 个答案: