做百格教育遇到的两个问题

最近做郑州百格教育移动端项目。其中遇到了两个有点棘手的问题。

1.如何使Safari 支持a标签的download的属性

2.a href tel拨打电话,安卓,塞班,iphone都支持。华为meta QQ浏览器支持,但自带浏览器不支持。[安卓操作系统4.4.2],华为荣耀8、畅玩4C和p9都支持。

问题1:

首先需求是想要用户关注公司的微信公众号,显示一个二维码,让用户扫一扫即可关注该微信公众号。但是这个在微信好做,只要长按识别图片中的二维码,就直接能跳转到所在的微信公众号。但是在一般的浏览器【安卓】,长按识别后是跳转不到微信里面的,安卓会提示下载一个文件,这个文件就是微信客户端。苹果会直接跳转到微信客户端,但是不能跳转到此二维码的微信公众号。因此做成图文形式,文字提示让保存到手机。然后去微信里面扫描本地相册。需求变更为点击图片直接下载该图片。使用a标签的download属性可以实现,但是只有FF和chrome支持,在手机上安卓基本没什么问题。但是在苹果上,点击没有反应。因此想要实现Safari上面点击图片直接下载。

google了很多,想要通过js实现下载图片的功能,但是无果。

最后询问了已经工作的人给出了三个解决方案。

A:后端配置一下,实现类似强制下载的功能

B:将图片读取到canvas,用canvas2image下载

C:在PC端按住alt键,单击下载按钮实现下载

B是我可以尝试的,参考链接如下,但还有兼容性问题。

http://www.webhek.com/post/save-canvas-to-image.html
https://www.baidufe.com/item/65c055482d26ec59e27e.html

问题2:

没有找到好的解决方案

你可能感兴趣的:(前端开发)