Chrome扩展程序如何从url获取页面的源代码

Question

我想从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”中获取文本。我该如何实现？

Answer 1

您的措辞很难猜测您想要什么

第一个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);
  var items = DomObject.querySelectorAll("dataItem");
  items.forEach(item => if (item.textContent.trim()==="Joined") console.log(item.nextElementSibling.textContent)
});