0

我正在创建我的第一个 chrome 扩展。我的目标很简单，在某个网页上，我想隐藏一个 id 为 someid 的元素。我已经创建了一个背景页面，它现在选择 id 为 someid 的元素并在屏幕上提醒它。问题是，ele 的值为空。试过 $("#someid").hide(); 同样，没有运气。

与选项卡中的 DOM 交互需要做一些特别的事情吗？我提醒 tab.url 并显示正确的 url。

<html>
 <head>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
   <script src="http://code.jquery.com/mobile/1.0a4/jquery.mobile-1.0a4.min.js"></script>
   <script>
     $(document).ready(function(){
        chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab){
        if(changeInfo.status == "complete")
          {
           if(tab.url.indexOf("somedomain.com") > -1)
            {
              chrome.tabs.getSelected(null, function(tab){
              var tabUrl = tab.url;
              chrome.tabs.executeScript(tab.id, {file: "background.js"},function({       
                       var ele = document.getElementById("someid");
                       alert(ele);
                                 });
              });

            }
          }
        });
      });
      </script>
    </head>
    <body></body>
</html>
4

1 回答 1

0

正如斯坦所指出的，问题在于不恰当的上下文。我使用了内容脚本并解决了问题。谢谢！

于 2012-11-04T00:00:45.457 回答