小程序apkg还原_谈一谈还原解包后小程序页面wxss样式的若干方法

2024-06-13 21:19:53

总结下还原样式的几个方法

在样式缺失这个问题上已经困扰了好一段时间了，博主在尝试N次之后总结了一些提取方法。
下面就按可操作性由繁到简介绍这几种方法。

提取的样式出处：
通过上文聊一聊微信小程序包内容，大家应该知道了，所有的页面样式都是统一打包到如下几个文件里的。提取也是从这些文件里面去查找。
执行命令 node wuWxapkg.js-o xxx.wxapkg 之后去找如下文件：

page-frame.html
app-wxss.js

1.纯天然手工提取??

就像名字所说，直接打开源文件，搜索样式缺失文件名，然后手工提取wxss样式⬇️，博主表示："同学你很 brave~ "

2.半手动提取

这里具体还要分两种情况，取决于源文件

1.源文件为 `page-frame.html` 的情况

①使用浏览器(最好是谷歌)打开 page-frame.html
②打开开发者工具(右键选择审查元素或者按F12或者从设置打开)
③在控制台输入类似下面的代码，这里以某个包的 wxParse.wxss 文件为例

setCssToHead(__COMMON_STYLESHEETS__["./wxParse/wxParse.wxss"])("",{deviceWidth:375},document.body)

按回车之后执行结果⬇️这样你要的样式就显示在网页上了，复制出来即可。

2.源文件为 `app-wxss.js` 的情况

啥玩意儿？？怎么是个JS...
这里观察一下文件内容，可以发现：
整个文件的大部分内容都与 page-frame.html 类似，只是缺少头尾的 html 标签所以就需要一点特殊操作了
①复制一份 app-wxss.js 文件改为 app-wxss.html 或者其它什么名字(不重要)
②在app-wxss.html内补齐头尾的 html 标签：
头

   <html lang="zh-CN">       <head>         <meta charset="UTF-8" />     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover" />     <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline'">     <link rel="icon" href="data:image/ico;base64,aWNv">        <script>       var __mainPageFrameReady__ = window.__mainPageFrameReady__ || function(){};

尾

小程序apkg还原_谈一谈还原解包后小程序页面wxss样式的若干方法相关推荐

微信小程序“反编译”实战（一）：解包
本实践教程将一步步告诉你如何"反编译"获得其它小程序的源代码,包括"解包"和"源码还原"两篇,主要参考了看雪论坛.V2EX.GitHub 等 ...
微信小程序反编译得到的是html,微信小程序“反编译”实战（一）：解包
本实践教程将一步步告诉你如何"反编译"获得其它小程序的源代码,包括"解包"和"源码还原"两篇,主要参考了看雪论坛.V2EX.GitHub 等 ...
微信小程序：开心锤锤超火动态表情包微信小程序源码下载自动采集
这是一款表情包小程序源码大家刷抖音的时候应该都刷过开心锤锤这个网红卡通短视频吧现在这一款小程序就是和它有关的里面的表情包呢大部分都是动态表情包(斗图的时候是不是更炫) 至于里面的表情包人物的就都 ...
java导出jar包后，程序运行时读取图片、音乐资源文件
java导出jar包后,程序运行时读取图片.音乐资源文件运行时程序就可以把图片.音乐资源加载进入了 start jre/bin/java -jar 名称.jar
微信小程序傻瓜制作_零基础，傻瓜式制作微信小程序，3分钟完成不是问题！...
做小程序还必须要养一个设计人员吗?NO!必须要有小程序开发人员吗?NO! 微墨小程序DIY装修功能,帮你灭掉设计师.甩开程序员,商城自己说了算,布局想换就换,风格说变立刻变! 微墨小程序是" ...
小程序开发工具中黑马优购小程序tabs组件_别不信，二十一天巧妙精通微信小程序的开发，附赠教程...
资料简介: 这是一本帮助编程爱好者和从业人员从零开始学习微信小程序设计的书.本书紧跟微信小程序的技术发展,是目前在该领域率先进行系统的技术探讨和培训的著作. 本书站在学习的角度,目的是让学习者通过21 ...
webpackjsonp 还原_具有催化CO2还原性能的非贵金属配合物的配体设计
Non-noble metal-based molecular complexes for CO2 reduction: From the ligand design perspective Dong ...
单片机架构程序经验总结_收藏！牛人总结的单片机应用程序架构
工作中经过摸索实验,总结出单片机大致应用程序的架构有三种: 1. 简单的前后台顺序执行程序,这类写法是大多数人使用的方法,不需用思考程序的具体架构,直接通过执行顺序编写应用程序即可. 2. 时间片轮询 ...
webpackjsonp 还原_电催化CO2还原领域综述梳理，速来学习！
全球工业的高速发展以及人类活动导致温室气体排放量大幅增加,地球生态环境正在遭受着不可逆转的破坏.二氧化碳作为温室气体的主要代表成分,如何将其转化为碳氢化合物燃料吸引了全球科学家们的重点关注.在现存的几 ...
python小甲鱼爬虫妹子_【Python学习日记】B站小甲鱼：爬虫
Web Spider Python 如何访问互联网 URL + lib -->urllib URL的一般格式为 protocol://hostname[:port] / /path /[;par ...

最新文章

热门文章