经常刷玩某些zx297520v3杂牌货可读写web等等一系列机器的群友会发现,我后台怎么这么丑啊刷完跟中药柜(中药柜 means 很多东西但是啥都没用)一样,遂出一期奇怪小教程
目录
第一节结构组成
第二节怎么修改
第三节注意因素
第一节 结构组成
1 为了知道我们要改啥,得知道各个部分是做啥的:

web文件夹分别为 i18n js pic subpg
1.i18n负责加注释(约等于一个问单词不会的翻译),比如copyright = 铸币 协同制作,那么就会在页面下面的copyright处改为这个东西,可以在subpg里面找到data trans里面的数据,指向这里。
2.fonts是字体,默认不用看,如果有人需要改(点名喵吃鸟)可以对此下手。
3.Js文件夹是设备必须的运行库,有关于切卡和各种信息正确引导,错误就提示切卡有问题等等奇怪的问题,不要动!(ps:js主要是因为中兴微后台是jquery前端)
4.Subpg是负责各个页面的子页面,请看下文:
Index是主页面,下面的小东西是子页面,例如index.html,中间则main.html负责。

All right!我们知道什么结构了,可以改了!
第二部分修改web,文本较长都是有用的仔细看
改图标:favicon.ico不必多说,尺寸64 64,原位置不动等等。
改标题:什么?4G Hotspot不好听?etc_ro\web\js\ext\set.js,在这里呢,可以修改啦!
改图片:我们发现左上角的4G不对劲,想要换成我们自己的“xx独家去控”,找到\etc_ro\web\pic\,更换图片 一定要同一格式相近大小!!!!否则会出问题
改页面:
在这之前请给HTML格式化!!!!
HTML 格式化 - 锤子在线工具这个是搜索到的工具,乱序HTML扔进去可整理。
改main下面的标志:index.html里的<span data-trans='copyright'>一栏可以修改署名和地址,例如<div id="footer" style="border-top:1px solid #dddddd" class="container margin-top-5">
<span data-trans='copyright'></span> | <a href=https://space.bilibili.com/???? target=_blank class=extendLink data-trans="footer1"></a> | <a href=https://qm.qq.com/q/xxxxxx target=_blank class=extendLink data-trans="footer2"></a>,footer1和footer2均对应i18n里的数据。
开始改中药柜!

①改主页面:于是看到,这功能也忒少了,于是就要加一些东西,默默拿起随身WiFi的你打开了\etc_ro\web\subpg\main.html,发现太乱了,就去搜索了HTML格式化的指令。,乱乱的指令立马就好看了,于是就可以看到整齐的web,于是下面可以设置显示什么东西,例IMEI IMSI等,有望大佬补全列表可供选择!
我们应该怎么做到上面一条全是中药柜呢?
打开main.html,最上面可以找到:<div class="row margin-top-20">
<div class="type_items">
<ul>
<li><a href="#child_ctl" data-trans="parental_control" class="c0EC6DC"></a></li>
<li><a href="#msg_main" data-trans="sms" class="cF53A58"></a></li>
<li><a href="#pb_main" data-trans="phonebook" class="c00AEFF"></a></li>
<li><a href="#sdcard" data-trans="sd"></a></li>
<li><a href="#network_set" data-trans="WAN"></a></li>
<li><a data-bind="attr: {href: notDataCard? '#wlan_sleep' : '#demilitarized_zone'}" data-trans="advanced_settings" class="cFFCE2B"></a></li>
<li><a href="#fast_set" data-trans="quick_setting" class="cFFCE2B"></a></li>
</ul>
</div>
</div>
可以找到里面的东西,有需要可以添加没有需要的可以删掉,#后面默认跟的是menu.js里面的内容,可以参考我上面的东西加功能,有用的留下没用的删掉!
②改更多设置:改完之后现在要处理“更多设置了”
<ul>
<li><a href="#wlan_sleep" data-trans="sleep_mode"></a></li>
<li><a href="#route_set" data-trans="router_setting"></a></li>
<li class="active"><a href="#filter_main" data-trans="firewall"></a></li>
<li><a href="#fota" data-trans="update_settings"></a></li>
<li><a href="#dynamic_dns" data-trans="DDNS"></a></li>
<li><a href="#more" data-trans="others"></a></li>
</ul>
在这个里面可以改各种东西,但其实href=后面可以接xxxx.html的,各位可以试试!但请注意,一定要把里面涉及的每个web都修改到位,否则会出现缺图标和显示错误的情况!!!
如果我们想在里面加按钮例如打开和关闭adb,可以在某处加入比如: <div class="row form-group col-xs-12">
<a style="margin-right:25px" class="btn btn-primary" href="reqproc/proc_post?goformId=SET_DEVICE_MODE" data-trans="Open_ADB"></a>
<a style="margin-right:25px" class="btn btn-primary" href="reqproc/proc_post?goformId=SET_DEVICE_MODE&debug_enable=0" data-trans="Close_ADB"></a>
</div>
这样就快捷多了!
第三部分:注意事项
小提示,QRZL和YL的WEB不通用,乱刷会有惊喜
不要乱动css和js!!!!
注意每个html的入口!
还有就是不要忘记修改注释!
提示:如果某些html不要了我们可以保留入口然后修改注释,比如把html里面的内容换成192.168.100.1:9090等,入口注释改为atweb,剩下的就希望你们探索了!
感谢您的支持,也感谢喵吃鸟,冒着被他打的风险写的(bushi)
喵吃鸟提醒:最好不要href直接接html,增删页面建议在menu.js里面安全进行