Question

我目前正在开发一个谷歌浏览器扩展程序，而我的jquery无法运行，控制台中没有错误，或者它在我的address.js中无效。我想在我的chrome扩展程序中获取浏览器中文本框的值并将其发布到我的扩展程序中

这是我的网页代码

<html>
<head>

</head>
<body>
<label for="field">Address</label>
<input id="field" type="text" style="width: 200px;">
        <input type='button' id='alertButton' value='click me'>


</body>
</html>

这是我的popup.html

<!DOCTYPE html>
<html lang="en">
  <head>
        <script type="text/javascript" src = "jquery.js"></script>
      <script type="text/javascript" src = "address.js"></script>
 </head>
  <body>

    <input id="innpu" type="text" style="width: 200px;" >


  </body>
</html>

和我的地址.js

$(document).ready(function(){
    $('#alertButton').click(function(){
      $("#innpu").val("testing123");
    });

    $('#dds').click(function(){
      $("#field").val("testing123");
    });
})

Answer 1

您的jquery无法在浏览器页面上运行。您应该编写一个名为内容脚本的其他javascript文件，并提及manifest.json。内容脚本适用于浏览器页面的DOM元素。这是一个纯粹的JavaScript文件。不要将其添加到您的扩展程序的html页面。

谷歌Chome扩展 - Jquery无法正常工作

1 个答案: