效果

如果下面加载不出，可以下载视频看哦！

修改这些地方以去广告

打开程序安装位置，进入 /8.9.5.0/resultui/css/app.css，用可以格式化 css 的编辑器打开，推荐 VScode 的 JS-CSS-HTML-Formatter 插件，Ctrl + S 自动格式化。关闭有道词典，找到并修改成如下代码段：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

.promo-ad {
    padding-top: 0
}

.promo-ad .ad-pic_ch {
    width: 100%;
    height: 0;
    background: #f7f8fa;
    position: relative
}

.promo-ad .ad-pic_ch .ad-wrap img {
    position: absolute;
    width: 0;
    height: 0;
    display: inline-block
}

.promo-ad .ad-pic_ch .ad-wrap div.right p {
    display: block;
    color: #333;
    font-size: 0;
    line-height: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.promo-ad .ad-pic_ch .ad-wrap div.right span {
    display: inline-block;
    margin-top: -4px;
    padding: 0 18px;
    font-size: 0;
    color: #999;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8)
}

修改完后保存。重新打开有道词典，就 OK 了。

坑

之前仿照网上老版本的方法，直接改 display: inline-block 属性为 none。之后，即使把源码改回来，原页面依然无法显示，可能是 js 对 css 作了判断。

原则

更改尽可能少的代码，方法尽可能在后续版本仍然试用。

感悟

  • 之前学了一段时间前端，所以基本上可以看懂 CSS 干了什么。持续学习不同领域的知识非常重要。
  • 现在桌面应用程序若是采用类似 MVC 架构的，趋势是 UI 界面都用类似网页的前端技术写，学好前端对拓宽知识视野与应用程式开发非常重要。

过程

懒得写了，可以到 link去看。

反思

效率方面

重复操作：修改完代码重启软件并定位到相应的地方。 自动化思路：

autohotkey

低阶：手动记录每次操作的消息。 高阶：开发/寻找 框架自动生成每次操作的消息并记录。

待开拓方向

windows 自动化测试工具 测试开发工程师

推广方面

脚本自动替换相应代码

类似 git patch，可以利用现成的工具，比较两份代码的不同，或基于修改，自动生成补丁。