10

これが私のスクリプトで、onUpdated.addListenerを使用して各URLをチェックします。

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {          
 alert(changeInfo.status);
 if (changeInfo.status == 'complete') {
 if (tab.url.indexOf("in.yahoo.mail") !== -1) {
 alert(tab.url);
 chrome.tabs.update(tabId, { url: "https://accounts.google.com/ServiceLogin" });
  //injectToTab(tab);
  }
 }
});

そして、ここにマニフェストコードがあります：

 {
  "name": "LeoPlugin For Test",
  "version": "1.6",
  "manifest_version": 2,
  "content_security_policy": "script-src 'self'; object-src 'self'",
  "description": "Extension to Automate.",
  "background": {
    "scripts": ["js/eventPage.js"],
    "persistent": false
  },
  "content_scripts": [
    {
      "matches": ["http://*/*"],
      "js": ["js/eventPage.js"]
    }
  ],
  "icons":{"48":"images/bob48.png", "128":"images/bob128.png"}, //Define any icon sizes and the files that you want to use with them. 48/128 etc.
  "browser_action": {
    "default_icon": "images/bob.png",       // What icon do you want to display on the chrome toolbar
    "default_popup": "testwatch.html"       // The page to popup when button clicked.
  },
  "permissions": [
    "tabs", "http://*/*","https://*/*"             // Cross Site Access Requests
  ]

}

上記のコードに欠落しているもので、「完了」ステータスを複数回取得できない場合があります。また、これが私のHTMLコードです。

<html>
  <head>
    <title>Leo Chrome Extension</title>

    <link href="css/main.css" rel="stylesheet" type="text/css" />
    <link href="css/fonts.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
    <script type="text/javascript" src="jquery/jquery-ui-1.8.2.custom.min.js"></script>
    <!--<script type="text/javascript" src="js/Pluginjshelper.js"></script>-->
</head>
<body class="inner_bg">
        <div class="grey-panel">
            <div>
            <div class="user-pic">
                <img src="Images/leo-logo.png" width="70" height="50" />
            </div>
            <h3>
                Leo Extension</h3><input name="ok" type="button" class="btn" id = "button123"  value="OK"/> <!--onclick = "getCPRepGraph()" -->
                <input name="chkEnable" id="chkPluginEnable" type="checkbox" value="" class="check"  /><span class="lbl">Enable</span>
            </div>
            <div class="clear">
            </div>
            <div>
                <h4>
                    <span class="blue">Plugin </span>Credentials</h4>
                <ul class="addpage-form2">
                    <li>
                        <label class="addpage-label">
                            User Name :</label><input name="txtUserName" id="txtUserName" type="text" class="addpage-input2" />
                    </li>
                    <li>
                        <label class="addpage-label">
                            Password :</label><input name="txtPassword" id="txtPassword" type="password" class="addpage-input2" />
                    </li>
                </ul>
                <div class="clear">
                </div>
            </div>
            <!--BASIC INFO panel End-->
            <div class="clear">
            </div>
        </div>
</body>
</html>

よろしくお願いします。

4

1 に答える 1

9

これは、 2012 年 12 月 5 日に修正済みとしてマークされた Chrome の問題 162543の既知のバグです。

回避策: (もう必要ありません)

からコードを変更して、イベントページを背景ページにします

"background": {
    "scripts": ["js/eventPage.js"],
    "persistent": false
  },

に

"background": {
    "scripts": ["js/eventPage.js"],
    "persistent": true
  },

修正が配信されるまで、バックグラウンド ページを使用して開発を進めます。

その他のポイント:

あなたのmanifest.jsonを見た後、なぜ

"background": {
    "scripts": ["js/eventPage.js"],
    "persistent": false
  },
  "content_scripts": [
    {
      "matches": ["http://*/*"],
      "js": ["js/eventPage.js"]
    }
  ],

js/eventPage.jsコンテンツ スクリプトと background\event スクリプトが作成されます。chrome.tabs.onUpdated.addListener()のコードがあると、コンテンツ スクリプトではまったく機能しません。このコードを削除してください

さらに情報が必要な場合はお知らせください。

于 2012-12-02T05:55:07.733 に答える