轩枫阁

首页 / 搜索标签: H5

iPhone微信二维码长按识别不了?

前言

微信提供图片长按识别二维码跳转的功能,但是发现有时候在iPhone下并不是所有图都可以出现识别二维码。但是在Android的设备下可识别,这里究竟是什么原因呢?

识别方式

微信 6.7.3

Android

取整张图片分析,有二维码即可识别。

iOS

当图片的宽高或高宽比例超过竖屏2倍,采用的方案是截取当前屏幕分析,两端策略不一致。

所以当长图超过一定比例,二维码没在屏幕可视区域时,不会出现识别二维码。

测试图

图片尺寸:500*2170(比例为4.34)

测试机型:iPhone x

iPhone设备尺寸详情

计算结果:为达到直接识别二维码的效果,不同设备的最大比例如下

机型 最大比例
iPhone XS Max 4.33
iPhone X 4.33
iPhone 8P 3.56
iPhone 8 3.56
iPhone SE 3.55

得出结论,iPhone下图片最大比例不大于3.55均可长按识别。

2018/10 23  周二

H5缓存机制浅析-移动端Web加载性能优化

1. H5缓存机制介绍

H5,即HTML5,是新一代的HTML标准,加入很多新的特性。离线存储(也可称为缓存机制)是其中一个非常重要的特性。H5引入的离线存储,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。

H5应用程序缓存为应用带来三个优势:

  • 离线浏览 – 用户可在应用离线时使用它们
  • 速度 – 已缓存资源加载得更快
  • 减少服务器负载 – 浏览器将只从服务器下载更新过或更改过的资源。

根据标准,到目前为止,H5一共有6种缓存机制,有些是之前已有,有些是H5才新加入的。

  1. 浏览器缓存机制
  2. Dom Storgage(Web Storage)存储机制
  3. Web SQL Database存储机制
  4. Application Cache(AppCache)机制
  5. Indexed Database (IndexedDB)
  6. File System API

下面我们首先分析各种缓存机制的原理、用法及特点;然后针对Anroid移动端Web性能加载优化的需求,看如果利用适当缓存机制来提高Web的加载性能。 查看全文

2016/08 17  周三

《全民突击》HTML5设计全程回顾及经验总结

小宝:腾讯游戏HTML 5实战案例!在这次朋友圈广告的设计过程中,遇到了好多拦路虎,有惊喜有郁闷,但在这个过程中我收获到了很多关于设计的经验和对项目的理解。下面,我以设计师的角度来分享一下在这次朋友圈广告中的一些过程和感悟,附设计流程图哟。

前言

最近有好多好多的优秀的朋友圈广告出现在我们的眼前,得到了好多人的关注。

小宝也很期待能够做一个有意思的朋友圈广告给大家玩玩,没想到梦想成真了!

这篇有趣的文章呢,我会分3大部分来和大家讲述,请屏幕前的你耐心的听我“墨迹”呗:

  1. 一个前所未有的挑战;
  2. 《全民突击》朋友圈广告的设计回顾;
  3. 就是很有震撼力的总结了;

接下来我就开始了呀!

一、前所未有的挑战

(空降了一个大大大需求)

听说一款3D枪击手游《全民突击》要上微信朋友圈广告了呀。项目组的同学们和我们设计师们都惊呆了,手忙脚轮的赶紧的展开筹划和讨论。

1.01项目背景

随着枪击手游的竞争越来越凶,玩家对《全民突击》的认知还是不够,需要做一次品牌的曝光宣传,让玩家对《全民突击》的认知更深入做到拉新的一个宣传效果,也借助微信朋友圈广告的渠道,打造一个《全民突击》是第一个上微信朋友圈广告的枪击游戏品类的游戏。小伙伴们都“鸡冻湿”了!

1.02需求目的

《全民突击》要在这个阶段进行一次拉新,品牌曝光,提升产品知名度,还要保持老玩家活跃度和拉回流的目的,转化新进,提升市场占有率,做一次品牌的整合传播推广,围绕整个初始想法策划了一个H5对其进行传播。 查看全文

2016/02 15  周一

WeUI微信网页设计样式库发布

为帮助网页开发者实现与微信客户端一致的视觉体验,并降低设计和开发成本,微信团队推出了网页设计样式库:WeUI

该样式库目前包含 button (按钮)、cell (单元格)、toast (浮层提示)、dialog (对话框)等网页常用的各式元素,并已在 GitHub 上开源。

开发者

开发者只需三步,就能在自己的网页上轻松实现按钮、浮层提示等功能:

  1. 根据文档说明,下载 WeUI 库。
  2. 在页面中引入 weui.min.css 文件。
  3. 从官方 demo 中拷贝需要的功能组件代码到自己页面即可。

Demo 体验地址WeUI演示

详情请点击开发者文档查看全文

2016/01 20  周三

微信网页开发者工具发布

公众平台发布微信 web 开发者工具,可以在 PC 或 Mac 上模拟访问微信内网页,帮助开发者更方便地进行开发和调试。

具体功能如下:

1. 使用真实用户身份,调试微信网页授权。

xzbfxbzf

 

2. 校验页面的 JSSDK 权限,以及模拟大部分 SDK 的输入和输出。 查看全文

2016/01 12  周二

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子