当前位置： 首页 > news >正文

Android保存网页的方法

news 2026/4/21 18:03:47

首先要使用js交互就需要懂原理：

感谢大佬：js中document节点获取页面元素的六种方式

1.querySelector()方法
描述：本方法用于根据给定的选择器选中页面元素

           如果有多个元素满足条件，则返回第一个满足条件的元素节点

语法：document.querySelector('选择器名');

注意：如果查找失败，返回null

2.querySelectorAll()方法
描述：本方法用于根据给定的选择器选中页面元素

           如果有多个元素满足条件，则返回这些元素构成的集合

语法：document.querySelectorAll('选择器名');

注意：

        (1)返回的结果是一个节点列表，不是数组，但能够像使用数组一样使用列表

        (2)如果查找失败，返回一个空的节点列表(.length==0)

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>document节点获取页面元素</title></head><body><div id="div">我是第一个div</div><div class="div">我是第二个div</div><div>我是第三个div</div><p>我是p标签</p><h2>我是h2标签</h2><button name="aaa">我是button</button></body><script type="text/javascript">var div = document.querySelector('#div');console.log(div); //<div class="div">我是第二个div</div>var div = document.querySelector('div');console.log(div); //<div id="div">我是第一个div</div>var divList = document.querySelectorAll('div');console.log(divList); //NodeList(3) [div#div, div.div, div]console.log(divList[1]); //<div class="div">我是第二个div</div>console.log(divList.length); //3    </script>
</html>

3.getElementById()方法
描述：根据指定的id名选中页面元素    

           如果存在多个指定 满足条件元素，则返回第一个元素节点

语法：document.getElementById('id名');

注意：如果查找失败，返回null

 4.getElementsByClassName()方法     
 描述：根据指定的类名选中页面中所有满足条件的元素

 语法：document.getElementsByClassName('类名');

 注意：返回结果是一个有顺序的节点列表，可以通过索引来访问列表中的元素(索引从0开始)

 5.getElementsByTagName()方法     
 描述：根据指定的标签名选中页面中所有满足条件的元素

语法：document.getElementsByTagName('标签名');

注意：如果参数值为'*',则返回文档中的所有元素

 6.getElementsByName()方法  
描述：根据指定的name值选中页面中所有满足条件的元素

语法：document.getElementsByName('name属性');

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>document节点获取页面元素</title></head><body><div id="div">我是第一个div</div><div class="div">我是第二个div</div><div>我是第三个div</div><p>我是p标签</p><h2>我是h2标签</h2><button name="aaa">我是button</button></body><script type="text/javascript">var a = document.getElementById('div');console.log(a); //<div id="div">我是第一个div</div>var b = document.getElementsByClassName('div');console.log(b); //HTMLCollection [div.div]var c = document.getElementsByTagName('p');console.log(c); //HTMLCollection [p]var d = document.getElementsByName('aaa');console.log(d); //NodeList [button]        </script>
</html>

然后，使用python也可以，但是作为Android开发，学习新的语言配置环境也是有成本的，自己写的虽然丑但是够用，所以，以下：

        mWebView?.webViewClient = object : WebViewClient() {override fun onPageFinished(view: WebView, url: String) {mWebView?.evaluateJavascript("document.getElementsByTagName('html')[0].innerHTML;") { value ->Log.e("aaaaa", "load:${url}")if (lastUrl == url) {var title = url.substring(url.lastIndexOf("/"), url.length)mWebView?.evaluateJavascript("document.getElementsByClassName('article-title text-center')[0].innerHTML;") { titleStr ->if (titleStr.isNotEmpty()) {title = titleStr.replace("\"", "").replace("?", "").replace("？", "").replace("\\n", "").replace("/", "、")}}mWebView?.evaluateJavascript("document.getElementById('article-content').innerHTML;") { contentStr ->val file = File(Environment.getExternalStorageDirectory().toString() + File.separator + "html/" + "$title.html")val content = contentStr.replace("\\u003C", "<").replace("\\n", "").replace("\\\"", "\"")val fw = FileWriter(file)fw.write(getHtmlData(content))fw.close()Log.e("aaaaa", "${file.absolutePath}保存成功！")endCheck()}} else if (value.contains("你访问的资源找不到了")) {Log.e("aaaaa", "${url}页面无法访问。。。")endCheck()}lastUrl = url}super.onPageFinished(view, url)}}fun getHtmlData(bodyHTML: String?): String {val head = "<head>" +"<meta charset=\"utf-8\">" +"<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0,user-scalable=no\">" +"<style>" +"table {font-size: 14px !important;width: 100% !important;" +"text-align: center;border: 1px solid #dee2e6;border-collapse: collapse;border-spacing: 0;}" +"table td {border: 1px solid #dee2e6;padding: 0 !important;width: auto !important;" +" word-wrap: break-word;word-break: break-all;overflow: hidden;text-align: center !important;vertical-align:middle !important;}" +"table td span {font-size: 14px !important;text-align: center !important;vertical-align:middle !important;}" +"p {font-size: 14px !important;}" +"</style>" +"</head>"return "<html>$head<body><div style=\"overflow: auto;font-size: 14px !important;width: 100% !important;\">$bodyHTML</div></body></html>";}

只是能完成任务，没有仔细打磨，很粗糙，不过还是那句话，丑但是够用，需要的话可以打磨一下，就没有那么丑了。

相关文章：

Android保存网页的方法

首先要使用js交互就需要懂原理&#xff1a; 感谢大佬&#xff1a;js中document节点获取页面元素的六种方式 1.querySelector()方法 描述&#xff1a;本方法用于根据给定的选择器选中页面元素 如果有多个元素满足条件&#xff0c;则返回第一个满足条件的元素节点 语法&#xff…...

编程日记 2023/8/13 5:40:31

P2P 网络，PING程序。

没有废话，直接上版本号和代码，以及讲解。 crate版本号libp2p0.52.1tokio1.30.0依赖配置： [dependencies] tokio = { version="1.30.0", features=["full"] } libp2p = { version="0.52.1", features=["tokio","dns", &q…...

编程日记 2023/8/13 5:39:30

OPENCV C++(十二)模板匹配

正常模板匹配函数 matchTemplate(img, templatee, resultMat, 0);//模板匹配 这里0代表的是方法&#xff0c;一般默认为0就ok img是输入图像 templatee是模板 resultmat是输出 1、cv::TM_SQDIFF&#xff1a;该方法使用平方差进行匹配&#xff0c;因此最佳的匹配结果在结果为…...

编程日记 2023/8/13 5:38:29

【配置环境】Linux下安装MySQL

目录 一&#xff0c;环境 二&#xff0c;安装步骤 1.使用包管理器安装MySQL 2.配置MySQL的安全选项 3.设置root用户使用密码进行身份验证&#xff08;可选&#xff09; 三&#xff0c;拓展知识 1.如何修改MySQL的密码策略&#xff1f; 一&#xff0c;环境 VMware Workst…...

编程日记 2023/8/13 5:37:28

【100天精通python】Day30：使用python操作数据库_数据库基础入门

专栏导读 专栏订阅地址&#xff1a;https://blog.csdn.net/qq_35831906/category_12375510.html 1 数据库基础知识介绍 1.1 什么是数据库&#xff1f; 数据库是一个结构化存储和组织数据的集合&#xff0c;它可以被有效地访问、管理和更新。数据库的目的是为了提供一种可靠的…...

编程日记 2023/8/13 5:36:27

android 如何分析应用的内存（十八）终章——使用Perfetto查看内存与调用栈之间的泄露

android 如何分析应用的内存&#xff08;十八&#xff09; 在前面两篇文章中&#xff0c;先是介绍了如何用AS查看Android的堆内存&#xff0c;然后介绍了使用MAT查看 Android的堆内存。AS能够满足基本的内存分析需求&#xff0c;但是无法进行多个堆的综合比较&#xff0c;因此…...

编程日记 2023/8/13 5:35:25

arcpy实现kml批量转出为shp 包括shp合并

参考文章 arcpy实现 kml批量转出为shp_kml批量合并转shp_A873054267的博客-CSDN博客 参考帮助是arcgis里边自带的KMLToLayer_conversion函数 应用场景&#xff1a; 两步路产生的多个轨迹文件KML&#xff0c;批量转换成arcgis 的gdb数据库 最后合并成一个shp 第一步&#…...

编程日记 2023/8/13 5:34:24

高等数学：泰勒公式

注&#xff1a;第三条 e x e^x ex的展开式&#xff0c;在 1 1 1和 1 2 x 2 \frac{1}{2}x^2 21​x2之间添上一个 x x x。 1 1 − x ∑ n 0 ∞ x n 1 x x 2 x 3 ο ( x 3 ) , x ∈ ( − 1 , 1 ) . \begin{aligned}\frac{1}{1-x}\sum_{n0}^\infty x^n1xx^2x^3\omicron(x^…...

编程日记 2023/8/13 5:33:21

JZ32 从上往下打印二叉树（Java）

题目地址&#xff1a;从上往下打印二叉树_牛客题霸_牛客网 题目回顾&#xff1a; 不分行从上往下打印出二叉树的每个节点&#xff0c;同层节点从左至右打印。例如输入{8,6,10,#,#,2,1}&#xff0c;如以下图中的示例二叉树&#xff0c;则依次打印8,6,10,2,1(空节点不打印&…...

编程日记 2023/8/13 5:32:20

hackNos靶机

靶机训练1 - hackNos: Os-hackNos 靶机平台 Vulnhub 是一个提供各种漏洞环境的靶场平台&#xff0c;供安全爱好者学习使用&#xff0c;大部分环境是做好的虚拟机镜像文件&#xff0c;镜像预先设计了多种漏洞&#xff0c;需要使用VMware或者VirtualBox运行。每个镜像会有破解的目…...

编程日记 2023/8/13 5:31:19

取地址及 const取地址操作符重载

取地址及 const取地址操作符重载 #include <iostream> using namespace std;class A { public:A(int year, int month, int day){_year year;_month month;_day day;}//它们是默认成员函数&#xff0c;我们不写编译器会自动生成&#xff0c;自动生成就够用了&#xff…...

编程日记 2023/8/13 5:30:18

【Linux初阶】进程间通信介绍 管道

&#x1f31f;hello&#xff0c;各位读者大大们你们好呀&#x1f31f; &#x1f36d;&#x1f36d;系列专栏&#xff1a;【Linux初阶】 ✒️✒️本篇内容&#xff1a;进程间通信介绍&#xff0c;管道概述&#xff0c;匿名管道应用&#xff0c;命名管道应用 &#x1f6a2;&#…...

编程日记 2023/8/13 5:29:14

App 在macOS Catalina下提示已损坏无法打开解决办法：

App 在macOS Catalina下提示已损坏无法打开解决办法&#xff1a; 打开终端&#xff1b; 输入以下命令&#xff0c;回车&#xff1b; sudo xattr -d com.apple.quarantine /Applications/xxxx.app注意&#xff1a;/Applications/xxxx.app 换成你的App路径&#xff08;推荐直接…...

编程日记 2023/8/13 5:28:13

ad+硬件每日学习十个知识点（26）23.8.6 （DCDC的降压电路、升压电路、降压-升压电路，同步整流，选型考虑同步、隔离）

文章目录 1.DCDC的降压原理2.DCDC的升压原理3.DCDC的升压和降压原理4.什么是肖特基二极管造成的死区电压&#xff1f;5.MOS管有死区电压么&#xff1f;6.DCDC的同步整流&#xff08;用MOS管取代整流二极管&#xff0c;避免死区电压的影响&#xff09;7.DCDC选型——同步与非同步…...

编程日记 2023/8/13 5:27:12

Elasticsearch3节点集群配置账号密码安全验证

Elasticsearch3节点集群配置账号密码安全验证 ES配置文件 rootnode1:~# grep -Ev "^#|^$" /etc/elasticsearch/elasticsearch.yml cluster.name: es-pre node.name: node1 node.master: true node.data: true path.data: /data/elk/es/data path.logs: /data/elk/…...

编程日记 2023/8/13 5:26:11

ffmepg滤镜

视频按顺时针方向旋转90度 ffplay -vf transpose1 -i juren-30s.mp4 ffplay -f lavfi -i testsrc -vf transpose1 -f lavfi -i testsrc这个滤镜是ffmpeg给用户的一个测试使用的视频 视频水平翻转(左右翻转) -vf hflip 实现慢速播放&#xff0c;声音速度是原始速度的50% ffpla…...

编程日记 2023/8/13 5:25:10

Linux 基础（六）常用命令 - find locate which whereis gzip gunzip tar

find & locate & which & whereis & gzip & gunzip & tar findlocatewhichwhereisgzipgunzipzip/unziptar find 在指定目录下查找文件或目录 find --help Usage: find [-H] [-L] [-P] [-Olevel] [-D help|tree|search|stat|rates|opt|exec] [path...…...

编程日记 2023/8/13 5:24:07

【Ajax】回调地狱解决方法

回调地狱&#xff08;Callback Hell&#xff09;是指在异步编程中&#xff0c;特别是在嵌套的回调函数中&#xff0c;代码变得深度嵌套、难以阅读和维护的现象。这通常发生在处理多个异步操作时&#xff0c;每个操作都依赖于前一个操作的结果。回调地狱使代码变得难以理解、扩展…...

编程日记 2023/8/13 5:23:06

解决Vue根组件设置transition失效的问题

解决Vue根组件设置transition失效的问题 1.代码 <div id"app"><!-- :name"$route.meta.transitionName" --><transition :name"animation" mode"out-in"><router-view /></transition></div>&…...

编程日记 2023/8/13 5:22:05

【剑指 Offer 40】最小的k个数

题目&#xff1a; 输入整数数组 arr &#xff0c;找出其中最小的 k 个数。例如&#xff0c;输入 4、5、1、6、2、7、3、8 这 8 个数字&#xff0c;则最小的 4 个数字是 1、2、3、4。 示例&#xff1a; 输入&#xff1a;arr [3,2,1], k 2 输出&#xff1a;[1,2] 或者 [2,1] …...

编程日记 2023/8/13 5:21:04

用强化学习优化CI/CD流水线：部署效率提升300%实录

测试工程师的困境与智能化的曙光在现代软件开发的快节奏战场上&#xff0c;持续集成与持续部署&#xff08;CI/CD&#xff09;流水线已成为保障软件质量与加速交付的生命线。对于软件测试从业者而言&#xff0c;这套流程的每一次构建、测试与部署&#xff0c;都是我们捍卫产品质…...

编程新知 2026/4/21 18:02:38

如何为你的项目选择最佳开源中文字体：WenQuanYi Micro Hei技术深度解析

如何为你的项目选择最佳开源中文字体&#xff1a;WenQuanYi Micro Hei技术深度解析 【免费下载链接】fonts-wqy-microhei Debian package for WenQuanYi Micro Hei (mirror of https://anonscm.debian.org/git/pkg-fonts/fonts-wqy-microhei.git) 项目地址: https://gitcode.…...

编程新知 2026/4/21 16:02:35

FigmaCN：让中文设计师无障碍使用Figma的界面本地化解决方案

FigmaCN&#xff1a;让中文设计师无障碍使用Figma的界面本地化解决方案 【免费下载链接】figmaCN 中文 Figma 插件&#xff0c;设计师人工翻译校验 项目地址: https://gitcode.com/gh_mirrors/fi/figmaCN 你是否曾因为Figma的全英文界面而感到困扰&#xff1f;对于母语为…...

编程新知 2026/4/21 15:47:59

解锁C语言中的多返回值技巧

在C语言编程中，常常会遇到需要从函数中返回多个值的情况。虽然C语言不直接支持多返回值，但我们可以通过一些技巧来实现这一目的。本文将详细探讨如何在C语言中返回多个值，并通过实例说明。 一、背景介绍 在C语言中，函数默认只能返回一个值。这对于需要处理多个结果的情况…...

编程新知 2026/4/21 13:32:30

从CVE-2021-4034到CVE-2021-3156：手把手复现Linux两大本地提权漏洞（附修复方案）

从CVE-2021-4034到CVE-2021-3156&#xff1a;Linux本地提权漏洞深度实战指南 凌晨三点&#xff0c;安全团队的告警系统突然亮起红灯——又一台服务器被标记存在高危漏洞。作为运维负责人&#xff0c;你必须在最短时间内判断风险等级、验证漏洞真实性并制定修复方案。本文将带你…...

编程新知 2026/4/21 11:06:27

节点内存超限原因解析

你提供的截图显示的是一个 Kubernetes 节点&#xff08;Worker 节点&#xff09;的资源监控界面&#xff0c;其中&#xff1a;CPU 使用量&#xff1a;请求/限制/使用量 36.67% / 52.54% / 1.62%内存使用量&#xff1a;请求/限制/使用量 41.87% / 60.75% / 69.95%️ 注意&…...

编程新知 2026/4/21 10:50:37

5个关键步骤：在Windows 10上完美部署Android子系统的完整实战指南

5个关键步骤&#xff1a;在Windows 10上完美部署Android子系统的完整实战指南 【免费下载链接】WSA-Windows-10 This is a backport of Windows Subsystem for Android to Windows 10. 项目地址: https://gitcode.com/gh_mirrors/ws/WSA-Windows-10 你是否曾经羡慕Wind…...

编程新知 2026/4/21 6:38:54

V4L2抓图失败？RK3588/RK356X Camera调试实战排查指南

1. 当V4L2抓图失败时&#xff0c;你该从哪里开始排查&#xff1f; 最近在调试RK3588/RK356X平台的Camera时&#xff0c;遇到了一个让人头疼的问题&#xff1a;使用V4L2抓取图像时总是失败。这种情况在嵌入式开发中很常见&#xff0c;特别是当你刚接触这个平台时。我记得第一次遇…...

编程新知 2026/4/21 4:49:28

用PYNQ-Z2开发板，从零实现一个HDMI彩条信号发生器（Vivado 2023.1工程分享）

用PYNQ-Z2开发板从零构建HDMI彩条发生器&#xff1a;Vivado 2023.1全流程实战 当你第一次拿到PYNQ-Z2这块集成了FPGA与ARM处理器的开发板时&#xff0c;最令人兴奋的莫过于通过硬件编程实现视觉输出。本文将带你完成一个经典入门项目——HDMI彩条信号发生器&#xff0c;这个项目…...

编程新知 2026/4/21 4:45:27

保姆级教程：用SwitchyOmega+GFWList规则，5分钟搞定Chrome/Firefox代理自动切换

浏览器智能代理管理工具SwitchyOmega的配置与优化指南 在当今互联网环境下&#xff0c;许多用户面临着不同网络资源访问需求的变化。作为一款功能强大的浏览器代理管理扩展&#xff0c;SwitchyOmega能够帮助用户实现智能化的网络访问策略。本文将详细介绍如何从零开始配置这款工…...

编程新知 2026/4/21 3:13:47