Расширение Chrome Как получить исходный код страницы из URL

Question

Я хочу скачать исходный код страницы с URL в расширении Chrome.

У меня есть что-то вроде этого. Но не знаю, как форматировать текст в 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);
  [...DomObject.querySelectorAll(".dataItem")].forEach(item => {
    if (item.textContent.trim() === "Joined:") {
      console.log("Joined:",item.nextElementSibling.textContent);
    }
  });
})