微信小程序踩坑记录
来源:互联网 发布:mysql 金钱用什么类型 编辑:程序博客网 时间:2024/04/25 19:29
1. 中文图片路径问题
当图片名为中文的时候,在开发者工具上,Iphone设备,或用于底部Tab栏上,显示正常。在安卓设备且用于页面中是,图片网址返回404错误(要手动binderror并打印事件才能发现)。
建议:自动log这些错误。
2. 开发者工具缩放问题
(2017/3/7提出,2017/8/6更新时已解决,目前无法缩放)
开发者工具中,按CTRL加滚轮是会缩放的,而且不知道缩放比是多少,而且预览内容不会缩放,但是框会(放大试试就知道)。当发现内容怎么都不能居中时,可能就是预览框缩小了,挡住了一部分页面。
建议:工具角落显示当前缩放比。
3. wxml文字居中解析问题
对于这么一段代码:
<text> 中</text>
如果我希望text
固定高宽,中
字居中,类似象棋之类的效果,那么我的WXSS可能是这样的:
text { height: 30rpx; width: 30rpx; border: 3rpx solid black; border-radius: 30rpx; font-size: 30rpx; line-height: 30rpx; text-align: center; /* 对多个字时有效 */ /* 以及其他一些操作 */}
在PC端的小程序开发工具上,它显示为一个直径为30rpx的、3prx粗黑边的圆,里面端端正正放着一个“中”字。但是呢,在IOS端上,“中”字莫名其妙往右偏移了一块。起初我以为是我布局方式不兼容,于是换成了子元素relative/absolute或flex布局都于事无补。
最后才发现,原来在IOS端的小程序上,代码里,“中”字那行前面的缩进空格被解析成一个空格字符,把显示的“中”字挤到旁边,导致怎么都无法居中文字的问题。
知道了问题所在,那么解决方式也就显而易见了。对那些不能出现空格的节点,将它的起始标签、内容、结束标签放到同一行,不给它留机会。(因为\n
也是空白字符的一种)
同理,对于多个元素中间出现蜜汁gap的问题,也可能是这个问题导致的。
希望这篇文章不再更新。 [\掩面](打出GG)
0 0
- 微信小程序踩坑记录
- 微信小程序-问题记录
- 微信小程序简易记录
- 记录微信小程序开发过程
- 微信小程序记录v1.0
- 微信小程序开发学习记录
- 程序记录
- 程序记录
- 微信小程序 根据官方文档学习记录
- 微信小程序开发记录(1)
- 微信小程序--部分内容记录(持续更新...)
- 微信小程序和支付宝小程序开发记录
- qq密码记录程序
- 记录错误程序
- directshow程序调试记录
- 记录程序生活
- 记录程序运行时间
- Java小程序-记录
- MySQL语句之数据的增删改查
- 多校联盟#con1 矩阵快速幂
- 阿里巴巴码农这修炼秘籍:SQL语句书写规约
- 第三章 处理数据
- Android 视图高度和阴影的那点事儿
- 微信小程序踩坑记录
- 输入法(IME)实现原理
- usb常用描述符以及一些数据包
- 区域个数 坐标离散化 BFS算法
- Verilog/CPLD代码之按键控制流水灯
- springmvc多视图支持--json、xml等
- 8 ArrayList,LinkedList以及Vector的区别?
- 使用largeHeap为app增加可使用内存
- Java中的泛型概念学习