.

3.系统参数组件:强制关注公众号检测/判断设备、系统环境/判断横竖屏模式

老赵发表于:2016年10月24日 08:07:16更新于:2022年03月24日 14:43:03

一、案例效果

暂无

二、场景应用

系统参数组件,可以用于进行“操作系统判断”、“是否关注公众号”、“判断指定分享页模式”、“判断横竖屏”,使得H5作品运行环境和细节控制方面,有更高的控制能力。


三、组件用法

基础用法

1.点击系统参数组件,即可添加该组件到页面中。

blob.png


2.添加后的系统参数,在两个位置可以找到,一个是页面中,另一个是逻辑小面板。

0015cad60cad60695c68f474b55e508


3.系统参数类型

(1)判断操作系统:系统参数可以对如下内容进行判断:是否是微信系统;是安卓还是ios系统;电脑端是Windows还是Mac系统,是否是招行APP。

主要是指在这些不同的系统中打开时,H5具体要做什么。比如苹果手机上首页可以自动播放视频,但是安卓机上不支持首页自动播放,系统参数的判断是安卓系统时,显示一个播放按钮等元素,点击按钮播放视频。

0015cad61f02d98a75cc0155be2cfc4


(2)关注公众号参数:可判断是否关注公众号,但必须在发布页面已经设置了APPID,需要自己有认证好的服务号、并申请了独立域名服务,因为微信对于这种涉嫌诱导分享的设置比较敏感,H5作品容易被封掉。结合作品信息下的【关注公众号检测】设置。

注:如果在没有设置认证服务号的AppID的前提下勾选“公众号关注检测”则会提示Scope参数错误。

0015cad648de458c5aaf7a88869f6e1


检测是否关注公众号设置举例:一般是未关注时跳转到用户关注的页面,已经关注则正常浏览。

00157df979b5300dc5e83ad9b3807f2



(3)判断指定分享页模式:判断当前打开的H5是用户直接打开的作品链接,还是别人分享的指定分享页,要结合开启【微信ID或者开启微信授权】判断。

判断访客是否处于分享模式。比如上一个用户录音,分享给该用户,该用户就处于分享模式。

注意:该判断必须在指定了分享页、或使用了分享变量后才有效。

blob.png


(4)判断横竖屏:针对不同的屏幕状态,触发不同行为。


相关问题补充:


--------- 不了解设计的程序员不是好客服 ---------------