我想从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”中获取文本。 我该如何实现?
答案 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);
}
});
})