一、首先需要清楚一个问题,为什么大部分的H5制作软件要限制页数。
因为大部分的H5是在手机上传播,手机的性能不能跟电脑相比。打开H5作品以后,避免不了要加载、音视频素材等,如果这时这个H5的页面过多,素材也没有仔细处理过,像是苹果手机,很可能会出现闪退、卡顿、重复加载的问题,所以假设你做了100页的一个H5,但在手机上打不开,很可能直接就白做了。
安卓机也是,即使能打开就是万幸,但是避免不了会有卡顿现象。
以上都是很多工具跟H5制作及开发人员的积累下来的经验,也是为什么要限制大家H5制作页数。
自己用的是意派Epub360,平时会碰到很多使用该工具制作H5的派友,遇到这种类似的页面过多导致很多问题的情况太多了。
二、解决办法
那么正常一个H5最多多少页合适呢?一个普通的展示型H5,一般不会超过20页,所有的素材、音频总体大小10M左右应该够了,当然如果加了视频,视频的大小就另外算了。
假设你有200个页面的H5要做,可以做成多个H5,只不过当第一个H5结束的时候可以设置跳转网址,跳转到下一个H5的网址,每个H5都有链接。
以上说的这个方式,对于很多软件都适用。
三、素材优化延伸
但如果需要做多个页面,建议还是分多个H5制作,控制在50页以内还算保险,素材大小一定要处理好,正常一张满屏的图控制在200KB以内,素材越小越好,当然也要保证清晰。
四、其他注意事项
有些不同平台间的H5链接是不能相互跳转的。所以在制作多个H5的时候,一定要提前做好了解,哪些平台不允许嵌入其他平台的H5外链,防止做无用功。
一、安装dns缓存:安装sudo apt-get install dnsmasq(window可以省略dns安装和配置)二、配置dns服务(window可以省略dns安装和配置)
总共用到四个文件 resolvconf dnsmasqconf resolvdnsmaspconf dnsmasqhosts;系统无此4文件自行创建或拷贝我,将这些文件都放在/etc/目录下
(重启电脑)
三、火狐浏览器自身加速(window,linux通用)
在火狐浏览器中添加插件fasterfox插件("附加组件")记录H5页面各种兼容性问题汇总
1、h5页面点击事件ios没反应 移动端兼容性问题
解决办法:给触发点击事件动态添加的dom增加样式, cursor:pointer 或者增加一个 touch 事件
2、ios input button背景色不起作用的
解决办法:
3、关于ios端上传后旋转90°可以看我另外一篇 有详细介绍(iphone默认横屏拍照才是正确的方向,竖屏拍照会携带逆时针旋转90°的信息)
4、在flex容器中,当空间不够的时候,设置了固定宽高的被压缩,flex-shrink不为0的元素会被压缩,所以解决的方法就是给设置: flex-shrink: 0; 防止被压缩
5、H5点击事件时会有闪频效果
解决办法:html 或者body
6、正则表达式匹配iframe标签
7、隐藏滚动条
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)