微信小程序编译器自动提示（微信小程序反编译）

小君 2022-12-30 01:08:20 861

微信小程序编译器自动提示（微信小程序反编译）通过仔细阅读代码后发现了 page-frame.html 文件，包含了样式信息。到了这里可以确认，微信小程序官方应该对小程序进行了升级，导致原反编译工具失效。可是这并不能为难我胖虎，通过 http://jsnice.org/ 工具对 page-frame.html 进行简单的反混淆后。获得了较为清晰的文件这简直和我的一毛一样啊。可惜没有解决方法。偌大的互联网竟然还没有人找到解决问题。2 分析文件

鉴于同事执行了删除代码的疯狂操作，并多次覆盖后，硬盘恢复文件的几率几乎为零，只能另辟蹊跷，所幸之前看到过微信小程序反编译的一篇文章。通过简单的搜索，就找到了相关的文章。根据文章所写，其他的都还算顺利，但是样式文件就迟迟弄不出来。

1反编译

执行wxss反编译程序后获得如下错误：

Guess wxss(first turn)... /Users/aimuz/workspace/web/wxappUnpacker/node_modules/vm2/lib/main.js:214 throw this._internal.Decontextify.value(e); ^ ReferenceError: $gwx is not defined at vm.js:3:3 at Script.runInContext (vm.js:134:20) at VM.run (/Users/aimuz/workspace/web/wxappUnpacker/node_modules/vm2/lib/main.js:208:72) at runVM (/Users/aimuz/workspace/web/wxappUnpacker/wuWxss.js:69:6) at runOnce (/Users/aimuz/workspace/web/wxappUnpacker/wuWxss.js:86:27) at Array.preRun (/Users/aimuz/workspace/web/wxappUnpacker/wuWxss.js:166:5) at CntEvent.decount (/Users/aimuz/workspace/web/wxappUnpacker/wuLib.js:17:43) at ioLimit.runWithCb (/Users/aimuz/workspace/web/wxappUnpacker/wuLib.js:81:11) at agent (/Users/aimuz/workspace/web/wxappUnpacker/wuLib.js:54:14) at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:53:3)

在翻阅相关的资料后，发现不少人遇到了相同的问题

这简直和我的一毛一样啊。可惜没有解决方法。

偌大的互联网竟然还没有人找到解决问题。

2 分析文件

到了这里可以确认，微信小程序官方应该对小程序进行了升级，导致原反编译工具失效。可是这并不能为难我胖虎，通过 http://jsnice.org/ 工具对 page-frame.html 进行简单的反混淆后。获得了较为清晰的文件

通过仔细阅读代码后发现了 page-frame.html 文件，包含了样式信息。

__wxAppCode__['components/menu/menu.wxss'] = setCssToHead(["." [1] "menuBox{ width: 100%; height: " [0 100] "; position: fixed; bottom: " [0 0] "; left: " [0 0] "; display: -webkit-flex; display: flex; background: #fff; padding-top: " [0 10] "; border-top: " [0 2] " solid #ccc; }\n." [1] "menuBox ." [1] "menu{ width: " [0 250] "; text-align: center; font-size: " [0 22] "; color: #8a8a8a }\n." [1] "menuBox wx-image{ width: " [0 50] "; height: " [0 50] "; }\n." [1] "menuBox ." [1] "menu wx-view{ }\n" ] undefined { path: "./components/menu/menu.wxss" });

setCssToHead 函数定义

var setCssToHead = function (file _xcInvalid info) {

通过查看 setCssToHead 函数，发现其中有一个 makeup 方法，这个方法是对原来的wxss中rpx进行单位转换，换成通用型的px。

看出，确实是返回一个方法，先不传任何参数，再次输入测试 __wxAppCode__['components/menu/menu.wxss']()

微信小程序编译器自动提示（微信小程序反编译）(1)

直接返回了 undefined

由此说明参数应该必填的，现在输入正确的参数类型尝试 __wxAppCode__['components/menu/menu.wxss']("" {} document.body)

微信小程序编译器自动提示（微信小程序反编译）(2)

微信小程序编译器自动提示（微信小程序反编译）(3)

微信小程序编译器自动提示（微信小程序反编译）(4)

把代码复制到小程序中，，像素比例竟然放大了。再次翻看一下代码，rewritor又调用了makeup方法，并且用到了设备宽度

微信小程序编译器自动提示（微信小程序反编译）(5)

改变浏览器宽度后，确实发生了改变

.menuBox{ width: 100%; height: 50px; position: fixed; bottom: 0px; left: 0px; display: -webkit-flex; display: flex; background: #fff; padding-top: 5px; border-top: 1px solid #ccc; } .menuBox .menu{ width: 125px; text-align: center; font-size: 11px; color: #8a8a8a } .menuBox wx-image{ width: 25px; height: 25px; } .menuBox .menu wx-view{ }

把设备宽度调成了iPhone 6的宽度，然后复制小程序里面

微信小程序编译器自动提示（微信小程序反编译）(6)