如何從谷歌瀏覽器擴展中彈出內容

我正在開發一個簡單的頁面操作擴展在谷歌瀏覽器中，它有以下目的。如何從谷歌瀏覽器擴展中彈出內容

顯示彈出窗口，點擊並提示輸入用戶名和密碼。
經過小小的驗證後，它應該填寫網站的用戶名和密碼，比如gmail.com。

我看到了一些關於如何在窗口加載時做到這一點的例子，我可以單獨做一個彈出窗口。但是我無法從彈出窗口的html中訪問父級HTML。

任何幫助將不勝感激。

這裏是我的代碼的內容。

manifest.json的：

{ 
    "name": "My First Chrome App", 
    "version": "1.0", 
    "description": "Auto fill content", 
    "background": { "scripts": ["background.js"] }, 
    "page_action" : 
    { 
    "default_icon" : "icon-19.png", 
    "default_title" : "Auto Fill", 
    "default_popup" : "test.html" 
    }, 
    "permissions" : [ 
    "tabs" 
    ], 
    "icons" : { 
    "48" : "icon-48.png", 
    "128" : "icon-128.png" 
    }, 
    "manifest_version": 2 
}

background.js

function checkForValidUrl(tabId, changeInfo, tab) { 
    //checks whether the document contains Steve Jobs 
    if (tab.url.indexOf("gmail")) { 
    chrome.pageAction.show(tabId); 
    } 
}; 
chrome.tabs.onUpdated.addListener(checkForValidUrl);

的test.html

<html> 
<head> 
    <title> Hi Steve </title> 
    <script type="text/javascript"> 
     function fill() 
     { 
      alert("inside method");   
     } 
    </script> 
</head> 
<body> 
    <form name="userinfo" id="userinfo"> 
     username : 
     <input type="text" name="username"/> 
     password : 
     <input type="password" name="password"/> 
     <input type="button" value="Log In" onclick="fill()";/> 
    </form> 
</body> 
</html>

感謝，桑卡

來源

2012-04-04 Shankar