前端常见兼容问题系列5:¥符号在部分Android APP的WebView中不见了

简介: 在一些安卓机型中,¥符号在某些Android APP的WebView中显示不正确,会受到页面元素lang属性设置的影响。

问题再现

¥符号在涉及到售卖的页面再常见不过了。但是,测试中居然发现,华为荣耀6 plus(系统4.4.2)上,某APP中该符号不见了,所有用到该符号的地方均成了空白(如图1所示)。

screenshot.png
(图1)

而实际上,我所期望的效果如图2所示:
screenshot.png
(图2)

分析过程

莫非是编码不对?首先,来看一下我是怎么实现¥这个符号的——用的是CSS,形如

.price:before{
        content:'\A5';
        display:block;
        font-size:12px;
}

的伪元素。

发现这个问题之后,我尝试把它直接写在html中,或者&yen; &#165; &#xa5; &#165; &#xA5; 等都试验了一番,全部都不能显示。网络检索到有人说把它改成全角的¥,即(FFE5),还是不行。然道说我碰到“天坑”了。但这时,我就相信一条:有bug必有原因!于是又复查了一遍源代码,发现<html>标签上设置了lang="zh-cmn-Hans" ,我试着把它改成了lang="en" ,问题居然就这么解决了。

但是,字符虽然出来了,显示出来的却始终是Ұ的形状,而非¥,即少了一横。我突然想起来刚才反复试验的时候把content:'\A5';改成了content:'\FFE5';,于是恢复了一下,才最终大功告成。

不过,因为原有的页面是在<html>标签上设置了lang="zh-cmn-Hans" ,如果我们需要在保留它的前提下怎么解决这个bug呢?

结论

影响面比较小的办法是:可以只针对使用了半角的¥的容器标签添加lang="en"属性,如<span class="price" lang="en">&#165;</span>

另外,有网友介绍华为P7 ,小米3也都存在该问题,看来不只是个例。考虑到其对视觉展现和语义表达的影响非常明显,因而值得特别留意重视。

目录
相关文章
|
11小时前
|
Android开发
Android APP 隐藏系统软键盘的方法
Android APP 隐藏系统软键盘的方法
5 0
|
12小时前
|
Android开发
Android修改默认system/bin/下可执行程序拥有者和权限,使用实例,只有root和系统app权限才能执行某个命令。
Android修改默认system/bin/下可执行程序拥有者和权限,使用实例,只有root和系统app权限才能执行某个命令。
6 0
|
14天前
|
XML Java Android开发
Android系统 添加动态控制屏幕方向、强制APP横竖屏方向
Android系统 添加动态控制屏幕方向、强制APP横竖屏方向
29 1
|
15天前
|
测试技术 Android开发
Android App获取不到pkgInfo信息问题原因
Android App获取不到pkgInfo信息问题原因
17 0
|
15天前
|
存储 Java API
Android 浅度解析:mk预置AAR、SO文件、APP包和签名
Android 浅度解析:mk预置AAR、SO文件、APP包和签名
66 0
|
20天前
|
Android开发 UED 开发者
解释Android App Bundle是什么,它的优势是什么?
Android App Bundle是Google开发的优化应用分发技术,它打包应用及资源以减少下载大小,加快加载速度,节省用户流量。App Bundle支持离线使用,简化更新过程,提升用户体验。开发人员借此能更高效地构建和分发Android应用。
13 0
|
2月前
|
Android开发
Unable to resolve dependency for ':app@debug/compileClasspath': Could not resolve com.android.suppor
Unable to resolve dependency for ':app@debug/compileClasspath': Could not resolve com.android.suppor
14 1
|
2月前
|
设计模式 测试技术 数据库
基于Android的食堂点餐APP的设计与实现(论文+源码)_kaic
基于Android的食堂点餐APP的设计与实现(论文+源码)_kaic
|
3月前
|
安全 Java 数据挖掘
当 App 有了系统权限,真的可以为所欲为? Android Performance Systrace
当 App 有了系统权限,真的可以为所欲为? Android Performance Systrace 转载自: https://androidperformance.com/2023/05/14/bad-android-app-with-system-permissions/#/0-Dex-%E6%96%87%E4%BB%B6%E4%BF%A1%E6%81%AF
31 0