网页漫画如何下载软件（为自己打造在线漫画阅读器）

拒绝APP，从我做起。

提示：PC当然也行，只是建议使用平板看漫画，体验甩手机和电脑几条街。

个人推荐：。

具体步骤如下（手机演示，平板类比）：

1、打开浏览器

2、打开应用市场

3、搜索FeHelper

4、点击下载-确定-安装

先使用PC打开这个网站，随便找一篇漫画，假设你正在浏览某个漫画，比如《一拳超人》的第一话。

作为一名正常的互联网用户，需要有一定基础的前端网络知识，在你一通分析后，敲打出了如下的超简单代码：

(() => { let pages = document.querySelectorAll('.pages') let next_page = pages[pages.length - 2] let preview_img = Array.from(document.querySelectorAll('a > img')).find(img => img.src.includes('https://www.cartoonmad.com/comic/comicpic.asp?file=')) let max_page = next_page.textContent let index = 1 let div = document.createElement('div') div.style.cssText = 'display: flex; flex-direction: column; align-items: center;' document.body.append(div) while(index <= max_page) { let next_img = preview_img.cloneNode(true) let img_code = ('000' index ) img_code = img_code.substr(img_code.length - 3) next_img.src = preview_img.src.replace(/\d{3}$/, img_code) div.append(next_img) } let next_chapter_a = Array.from(document.querySelectorAll('.pages')).find(a => a.textContent.includes('下一話')) let next_chapter_a_clone = next_chapter_a.cloneNode(true) next_chapter_a_clone.style.padding = '40px 0' div.append(next_chapter_a_clone) Array.from(document.querySelectorAll('table')).forEach((table, index) => { if(index > 1) table.remove() }) })()

然后在手机上这样操作：

1、打开扩展FeHelper

2、点击设置

3、找到《网页油猴工具》并点击右侧的安装

4、“其他工具看你喜好”

5、返回后，重新开发扩展HeHelper后，就可以看到《网页油猴工具》，点击

6、右上角创建猴子

7、“提示：该网站仅作示例”

8、在“网页猴子名称”、“网页匹配规则”中依次输入“漫画自动加载”、“https://www.cartoonmad.cc/comic/*.html”，并在最下面的猴子注入脚本中清空所有内容，并把上面的代码粘贴进去并点击右上角保存

9、手机打开网站后，选择桌面模式

10、然后点击你的第一话，稍等几秒，你就会发现，原本一页一页点击看的漫画，现在可以一次看完了

1. 本文网址与漫画内容仅仅是用来当做示例，请尊重原著，支持正版
2. 油猴的逻辑可以简单理解为前端的window.onload事件后注入的代码，其实就是对某网站的图片做分析处理并注入到一个页面中而已
3. FeHelper因为自己工作主要是前端方面，故用的多，习惯了。至于油猴，欢迎自行举一反三使用，它更纯粹更简单
4. 欢迎交流学习