Chrome扩展程序如何从url

时间:2019-10-18 13:01:11

标签: javascript html dom google-chrome-extension

我想从Chrome扩展程序的url下载页面的源代码。

我有这样的东西。但是不知道如何将文本格式化为html。 或者,如果这种格式有效,即使在控制台中也如何显示源代码。

fetch('https://www.transfermarkt.com/robert-lewandowski/profil/spieler/38253').then(r => r.text()).then(result => {
  // Result now contains the response text, do what you want...
  console.log("Fetch result: " + result);
  var parser = new DOMParser();
  var source_code = parser.parseFromString(result, "text/html");
  console.log("Source code: " + source_code);
});

例如,我想从范围“ dataValue”中获取文本。 我该如何实现?

enter image description here

1 个答案:

答案 0 :(得分:2)

您的措辞很难猜测您想要的东西

第一个console.log是文本表示形式

第二个是DOM对象,您可以在其中显示内容

fetch('https://www.transfermarkt.com/robert-lewandowski/profil/spieler/38253').then(r => r.text()).then(result => {
  // Result now contains the response text, do what you want...
  // console.log("Source code: " + result); // textual representation
  var parser = new DOMParser();
  var DomObject = parser.parseFromString(result, "text/html");
  console.log("Name: " + DomObject.querySelector("title").textContent);
  [...DomObject.querySelectorAll(".dataItem")].forEach(item => {
    if (item.textContent.trim() === "Joined:") {
      console.log("Joined:",item.nextElementSibling.textContent);
    }
  });
})