chrome 在后台运行时动态站点更新的 Chrome 桌面通知答案

【问题标题】：Chrome desktop notification for dynamic site update when chrome runs in backgroundchrome 在后台运行时动态站点更新的 Chrome 桌面通知
【发布时间】：2013-05-02 16:38:38
【问题描述】：

我已经为社区网站创建了一个书签扩展，用于托管帖子，我需要在社区网站中获得新帖子的桌面通知。 chrome 在后台运行，但除非桌面通知通知，否则不会打开任何选项卡。

想法是定期从后台页面向内容脚本发送消息，并在帖子上获取更新并显示桌面通知，从而用户在看到通知时打开更新。

查询：如何访问网站的DOM（当chrome在后台运行时），隐藏提取过程对用户的眼睛。

谢谢！！

编辑

var statone;
var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.dsswym.3ds.com/", true);
xhr.onreadystatechange = function() {
 if (xhr.readyState == 4 && xhr.status==200) {
    setTimeout(function(){ //wait for the webpage loading 
        statone = $('#widgetPanel-7qrSN8CAwqKk0DP2_GQK').text();
        console.log(statone);
        alert(statone); 
     }, 10000);
  }
}
xhr.send();

我无法获取上述代码的文本值，而是我的警告框是空的。源站不提供 xml 或 Json 文件，我只需要提取网站上的第一个内容或更新。

【问题讨论】：

"如何访问网站的DOM（chrome在后台运行时）" -- XMLHttpRequest?另见developer.chrome.com/extensions/xhr.html
@apsillers：谢谢！，我正在努力。如果有任何疑问，我会回复。
@apsillers：我尝试使用我在查询部分更新的代码提取 DOM。不走运！

标签： javascript google-chrome-extension

【解决方案1】：

您需要使用来自XMLHttpRequest 的响应。执行XMLHttpRequest 请求不会将请求资源加载到页面中。

在 jQuery 中，你可以这样做：

$.get("https://www.dsswym.3ds.com/", function(data) {
        // load response text into a new page element
        var fakePage = document.createElement("html");
        fakePage.innerHTML = data;

        // find the desired element within the new page element
        var statone = $(fakePage).find('#widgetPanel-7qrSN8CAwqKk0DP2_GQK').text();
        console.log(statone);
    }
});

这会将 Ajax 获取的结果存储到新的 <html> 元素的 innerHTML 中，这会将文本解析为新的 DOM。然后我们使用 jQuery 的 .find 方法从 DOM 中获取我们需要的元素。

【讨论】：

我得到了页面内容，因为页面是由 javascript（动态页面）驱动的，我无法获取重要元素，即函数的数据内容中缺少一些元素。知道如何获取网页的完整元素。