javascript - 从另一个 URL 获取 setBadgeText

标签 javascript xpath google-chrome-extension

有一个网站,其中包含许多域的指标(短数字)。应该构建一个特殊的 url,例如 https://metricsite.com?domain=example.com,并且该 url 然后有一个带有指标的 div。这是[本网站][1]。

我想在每个网址上将此指标显示为 setBadgeText。我需要类似的东西:

$.fetchURL('https://my-metric-site.com/?domain='+window.location.host+'&source=de', XPath(//div[@class='metric']) {
    var metric = data.metric;
    chrome.browserAction.setBadgeText({text:metric});
});

要实现这一目标需要采取什么方法?

更新 1 徽章中所需的输出应该是:

//div[@class="data"]/span[@class="value"]/text()

//div[@class="data-mini"]/span/span[@class="value"]/text()

徽章中的可见结果是一个数字,如屏幕截图所示:

enter image description here

更新2

要直接从源代码获取数字,应使用 [this url][3]。

[1]: [3]:

最佳答案

这并不是一个完整的答案,但对于评论来说太长了,它可能会让您开始:

您不能只将 $.fetchURL 与您的网址一起使用;该网站需要某些 header (参数、cookie 等),否则响应是错误的。因此,首先您需要将这些 get header 转换为 $.fetchURL

一旦你这样做了,这个xpath表达式

//div[@class="data"]/span[@class="value"]/text()

应该评估为

401,95

还有这个:

//div[@class="data-mini"]/span/span/text()

应该评估为

436,3

关于javascript - 从另一个 URL 获取 setBadgeText,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59894825/

相关文章:

javascript - 在谷歌地图上仅显示一个 POI

javascript - 开发无重定向 URI 的 Chrome 扩展

javascript - 将小书签变成 Chrome 扩展程序

reactjs - 如何测试 React Chrome 扩展?

javascript - html() vs innerHTML jquery/javascript & XSS 攻击

javascript - 从 jquery 函数运行而不是从 @Render.Action 运行时,PartialViewResult 操作会给出错误

javascript - 多种表单和单选按钮

html - 使用 XPath 从网站中抓取伪元素

xpath - XPath 1.0中的修整功能?

Javascript 按钮单击在 selenium webdriver 中不起作用