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

Javascript Chrome扩展如何从url获取页面的源代码,javascript,html,dom,google-chrome-extension,Javascript,Html,Dom,Google Chrome Extension,我想从Chrome扩展中的url下载页面的源代码 我有这样的东西。但不知道如何将文本格式化为html。 或者如果这种格式有效,如何在控制台中显示源代码 fetch('https://www.transfermarkt.com/robert-lewandowski/profil/spieler/38253)。然后(r=>r.text())。然后(结果=>{ //结果现在包含响应文本,执行您想要的操作。。。 log(“获取结果:+result”); var parser=新的DOMParser()

我想从Chrome扩展中的url下载页面的源代码

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

fetch('https://www.transfermarkt.com/robert-lewandowski/profil/spieler/38253)。然后(r=>r.text())。然后(结果=>{
//结果现在包含响应文本,执行您想要的操作。。。
log(“获取结果:+result”);
var parser=新的DOMParser();
var source_code=parser.parseFromString(结果为“text/html”);
日志(“源代码:”+源代码);

});你的措辞让人很难猜出你想要什么

第一个console.log是文本表示

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

fetch('https://www.transfermarkt.com/robert-lewandowski/profil/spieler/38253)。然后(r=>r.text())。然后(结果=>{
//结果现在包含响应文本,执行您想要的操作。。。
//log(“源代码:+result);//文本表示
var parser=新的DOMParser();
var DomObject=parser.parseFromString(结果为“text/html”);
console.log(“名称:”+DomObject.querySelector(“标题”).textContent);
[…DomObject.querySelectorAll(“.dataItem”)].forEach(item=>{
如果(item.textContent.trim()=“已加入:”){
log(“Joined:”,item.nextElementSibling.textContent);
}
});

})
你的措辞让人很难猜出你想要什么

第一个console.log是文本表示

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

fetch('https://www.transfermarkt.com/robert-lewandowski/profil/spieler/38253)。然后(r=>r.text())。然后(结果=>{
//结果现在包含响应文本,执行您想要的操作。。。
//log(“源代码:+result);//文本表示
var parser=新的DOMParser();
var DomObject=parser.parseFromString(结果为“text/html”);
console.log(“名称:”+DomObject.querySelector(“标题”).textContent);
[…DomObject.querySelectorAll(“.dataItem”)].forEach(item=>{
如果(item.textContent.trim()=“已加入:”){
log(“Joined:”,item.nextElementSibling.textContent);
}
});

})
@mplungjan那么如何使用getElementByClass或其他方法从中获取信息。请参阅我的答案。@mplungjan那么如何使用getElementByClass或其他方法从中获取信息。请参阅我的答案。…有一个更新,我认为这是一个更精确的问题。如果你能提供示例代码如何实现,我应该能够处理其余的。有一个更新,我认为更精确的问题。如果你能提供示例代码如何实现,我应该能够处理其余的。