HTML5+ API 爬坑记录

背景:

有个比较早些使用5+开发的项目, 最近两天反馈了一些问题, 解决过程在此记录;

坑1: plus.gallery.pick 选择图片没有进入回调

HTML5+ API Reference

在 联想小新 平板电脑上选择相册图片进行上传时, 打开相册瞬间 应用会自动重启, 相册倒是有打开, 不过应用重启了, 导致业务也完成不了, debug 没有任何错误, gallery.pick 成功和失败的回调都没有进入;

原因分析: 应用采用的强制横屏模式, 在 manifest.json 中 是像如下配置的, 而平板系统的横竖屏设置是锁定竖屏的, 可能应用在跳转到系统相册界面时突然从横屏转向竖屏是某些冲突导致, 至于更深层的原因暂时还没有能力排查;

复制代码
"screenOrientation" : [ "landscape-primary" ],
"plus": {
    "distribute" : {
        "orientation" : [ "portrait-primary", "portrait-secondary" ], 
    }
}

临时解决办法: 将平板电脑的屏幕方向设置为横屏, 并将其锁定;

坑2: plus.barcode.Barcode 扫码控件 返回数据错误

HTML5+ API Reference

创建扫码控件 扫描比较复杂的条形码时返回数据错误, 扫到的总是一些不相干的数据, 极小概率可以扫到正确的数据, 代码中已经配置 条码类型过滤器, filters, 代码和条码如下

复制代码
scan = new plus.barcode.Barcode('bcid',[
	"plus.barcode.CODE128",
	"plus.barcode.QR"
]);

原因分析: 期初以为是配置的码制问题, 怀疑码不是code128 的, 看了下内容, 除了 code128, 只能是code39 才支持这种格式的内容, 改了发现还是不行, 好像没啥用; 也down 了官方demo 下来, 配置这个filters 也是一样的结果;

经过多次查看官方示例时发现, 传入的filters 的内容格式似乎不太对, 人家的示例传入的filters 是没有引号的!!!

解决办法: 将filters 的引号去掉;

javascript 复制代码
scan = new plus.barcode.Barcode('bcid',[
	plus.barcode.CODE128,
	plus.barcode.QR,
	// plus.barcode.EAN13,
	// plus.barcode.EAN8,
	// plus.barcode.AZTEC,
	// plus.barcode.DATAMATRIX,
	// plus.barcode.UPCA,
	// plus.barcode.UPCE,
	// plus.barcode.CODABAR,
	// plus.barcode.CODE39,
	// plus.barcode.CODE93,
	// plus.barcode.ITF,
	// plus.barcode.PDF417,
]);
相关推荐
DevUI团队1 小时前
从“即兴创作”到“规格先行”,华为云码道(CodeArts)代码智能体持续深耕企业级规范驱动开发能力
前端·人工智能·后端
weixin_431600442 小时前
NestJS 入门(3):Guard 如何挡住未登录请求?
前端·后端·学习·nest.js
kyriewen3 小时前
我用Claude Code两天干完了团队两周的排期——周报发出去那一刻我就后悔了
前端·javascript·ai编程
IT_陈寒3 小时前
JavaScript类型转换把我坑惨了,这破玩意真该早点搞明白
前端·人工智能·后端
用户938515635073 小时前
Type vs Interface:读完这篇就没有面试官能难倒你了
前端·面试·typescript
油丶酸萝卜别吃4 小时前
jquery-ajax.js 说明文档
前端·javascript·jquery
windliang4 小时前
Claude Code 源码分析(九):子 Agent 如何分叉、继续与回到父会话
前端·javascript·面试
柒和远方5 小时前
V063: TS 面试必考:interface 与 type 的四大差异,与 LLM Harness 的自动化择优
前端·javascript
半个落月5 小时前
React useRef 详解:DOM 引用、持久化值与 Worker 实例
前端·react.js
阿黎梨梨5 小时前
TypeScript 类型编程:从新手到 Harness 工程实践
前端