使用Jquery通過Chrome擴展程序更改網頁中的字段值

Question

我正在嘗試使用JQuery更改帶有Google Chrome擴展程序的頁面上字段的值

我的代碼如下，

manifest.json

{
  "manifest_version": 2,

  "name": "One-click Kittens",
  "description": "This extension demonstrates a browser action with kittens.",
  "version": "1.0",
  "background": { "scripts": ["jquery.js"] },
  "permissions": [
  "tabs",
  "http://*/"
  ],
  "browser_action": {
    "default_icon": "icon.png",
    "default_popup": "popup.html"
  }
}

popup.html

<!doctype html>
<html>
<head>
  <title>Getting Started Extension's Popup</title>
  <style>
  body {
    min-width: 200px;
    overflow-x: hidden;
  }
  </style>

    <!--
      - JavaScript and HTML must be in separate files: see our Content Security
      - Policy documentation[1] for details and explanation.
      -
      - [1]: http://developer.chrome.com/extensions/contentSecurityPolicy.html
    -->
    <script src="jquery.js"></script>
    <script src="popup.js"></script>
  </head>
  <body>
    <ul>
      <li><a href="#" id="watch_list">Watch</a>
      </li>
      <li id="assets">Assets
      </li>
      <li id="liab">Liabilities
      </li>
    </ul>

  </body>
  </html>

最后是popup.js

$(document).ready($(function(){
  $('#watch_list').click(function(){
    $('#name').val("Hello");
  })

}));

我的問題是，單擊鏈接“監視”時，它應該以ID名稱和單詞“ Hello”填寫Web表單，但似乎無濟於事。

任何幫助將不勝感激！ 感謝您的閱讀。

Answer 1

這可能是因為您popup.html沒有ID為“ name”的元素。 還是在擴展程序中使用其他html？

使用Jquery通過Chrome擴展程序更改網頁中的字段值

問題描述

1 個解決方案

解決方案1
0 2013-09-13 13:16:43

使用Jquery通過Chrome擴展程序更改網頁中的字段值

問題描述

1 個解決方案

解決方案1 0 2013-09-13 13:16:43

解決方案1
0 2013-09-13 13:16:43