Android webView 排坑指南：字体变小解析与解决

引子：细微之处藏玄机

Android webView 是一个强大的工具，但有时它也可能带来一些意外的难题。最近，端内在做 webView 统一的时候，个性签名中的 WebView 替换为 CustomWebView 之后，发现字体突然变小。一开始不知道是什么原因，通过二分法查找最近的提交，排查之后，发现是 SignatureWebView 的继承关系从 WebView 修改为 CustomWebView。虽然 CustomWebView 继承了 WebView，但它们之间还是存在一些差异，导致了字体变小的现象。

现象解析：层层深入寻根源

为了探究字体变小背后的原因，我们首先需要了解 WebView 和 CustomWebView 的区别。WebView 是 Android 系统自带的控件，而 CustomWebView 是一个自定义的控件，它继承了 WebView 并添加了一些额外的功能。在继承关系上，CustomWebView 位于 WebView 的子类，这意味着它拥有 WebView 的所有属性和方法，但它也可以拥有自己独有的属性和方法。

剖析差异：细微差别显真知

在对 WebView 和 CustomWebView 的继承关系和差异有了一定的了解之后，我们就可以开始分析字体变小的原因了。通过仔细检查，我们发现 CustomWebView 中有一个属性叫做 textSize，它控制着 WebView 中文字的大小。在默认情况下，textSize 的值为 16px，而 WebView 中文字的大小是由 CSS 样式控制的。当 CustomWebView 继承了 WebView 时，textSize 的值会覆盖 CSS 样式中设置的字体大小，导致字体变小。

解决方案：一针见血解难题

既然我们已经知道了字体变小的原因，那么解决方案就显而易见了。我们可以通过以下两种方法来解决这个问题：

1. 在 CustomWebView 中设置 textSize 的值，使之与 CSS 样式中设置的字体大小一致。
2. 在 CSS 样式中设置字体大小，并确保 CustomWebView 中的 textSize 值为 0px，这样 CSS 样式中的字体大小就不会被覆盖。

经过实践，我们发现第一种方法更加简单有效。在 CustomWebView 中设置 textSize 的值，可以保证字体大小与 CSS 样式中设置的一致，从而解决字体变小的现象。

结语：经验积累助成长

通过对 Android webView 中字体变小现象的分析和解决，我们不仅掌握了一种新的解决问题的技巧，而且对 WebView 和 CustomWebView 的继承关系和差异也有了更深入的理解。这些经验对于我们今后的开发工作来说都是宝贵的财富。希望这篇博文能够帮助到其他遇到类似问题的开发者。