浏览器开发者工具,控制台里读取指定网页节点内容,并保存到文件里

在网页控制台console里,读取body > div.bj-eee > div > div.layout-left > div.topic > div.clearfix.top-hd > div.select-left.pull-left.options-w 中的内容

// 使用querySelector选择单个元素  
var element = document.querySelector('body > div.bj-eee > div > div.layout-left > div.topic > div.clearfix.top-hd > div.select-left.pull-left.options-w');  
  
if (element) {  
    // 读取元素的文本内容  
    var content = element.textContent || element.innerText;  
    console.log(content);  
  
    // 或者,如果你想要获取元素的HTML内容(包括标签)  
    var htmlContent = element.innerHTML;  
    console.log(htmlContent);  
} else {  
    console.log('找不到指定的元素');  
}

htmlContent内容保存到本地txt文件里。
在网页的浏览器控制台(Console)中直接保存内容到本地文件是不可能的,因为出于安全和隐私的考虑,浏览器不允许网页脚本直接访问用户的文件系统。但是,你可以通过一些间接的方法来实现这一目的,例如:

使用浏览器的开发者工具:
在控制台中运行你的JavaScript代码来获取htmlContent。
手动复制htmlContent的内容。
打开一个文本编辑器(如Notepad),粘贴内容,并保存为.txt文件。
使用用户交互(如下载链接):
创建一个隐藏的元素,设置其href属性为包含你所需数据的data: URL。
使用JavaScript触发这个链接的点击事件,从而提示用户下载文件。
示例代码如下:

// 假设你已经有了htmlContent变量  
var htmlContent = '<!-- 你的HTML内容 -->';  
  
// 创建一个Blob对象,它包含你想要保存的数据  
var blob = new Blob([htmlContent], {type: "text/plain;charset=utf-8"});  
  
// 创建一个指向该Blob的URL  
var downloadUrl = URL.createObjectURL(blob);  
  
// 创建一个隐藏的a元素  
var a = document.createElement("a");  
a.href = downloadUrl;  
a.download = "output.txt"; // 设置文件名  
  
// 触发点击事件开始下载  
document.body.appendChild(a); // 需要添加到DOM中才能触发点击  
a.click();  
document.body.removeChild(a); // 然后立即从DOM中移除  
  
// 释放URL对象  
URL.revokeObjectURL(downloadUrl);

在网页控制台console里,读取body > div.bj-eee > div > div.layout-left > div.topic > div.clearfix.top-hd > div.select-left.pull-left.options-w 中的内容,去除html标签

// 使用querySelector选择元素  
var element = document.querySelector('body > div.bj-eee > div > div.layout-left > div.topic > div.clearfix.top-hd > div.select-left.pull-left.options-w');  
  
if (element) {  
    // 使用textContent获取元素的纯文本内容(去除HTML标签)  
    var textContent = element.textContent || element.innerText;  
    console.log(textContent); // 打印到控制台  
} else {  
    console.log('找不到指定的元素');  
}
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值