关于机顶盒H5页面开发

一、兼容性问题调试方案
1、rem适配，html加载fontsize无效；解决办法：vue组件里面生命周期加载；
2、系统键盘、v-model事件触发。解决办法：disabled；
3、xml解析相关：element转暴力解析；
4、csdn、github、gitee
5、页面跳转过程中本地数据存储问题，参数丢失
6、服务器缓存问题，导致页面部署不生效；
7、transform转盘动画在机顶盒不生效问题。
8、安装调试虚拟机VMware步骤：
整理下步骤：通过vm虚拟机安装android x86模拟机顶盒环境
1、先安装虚拟机：
https://www.vmware.com/cn/products/workstation-player/workstation-player-evaluation.html
2、按这个B站视频安装android4.4.2 x86的镜像，安装好之后将vmplayer的网络用默认的NAT模式就可以，打开浏览器能够打开网页就对了
https://www.bilibili.com/video/av64036393
3、按这个网页后半部分的步骤，设置分辨率。可以设一个不存在的值，这样每次重启进入系统之前都会有重设的选项https://blog.csdn.net/llfjfz/article/details/53424026
4、下载adb工具包解压到电脑上
5、在虚拟机里通过Alt+F1，唤出控制台，输入netcfg，查看虚拟机ip。Alt+F7关闭
6、打开电脑的cmd或者powerShell，通过第四步adb包里的adb文件链接虚拟机
例如： .\adb.exe connect 192.168.203.125:24
7、打开虚拟机的浏览器，输入网址打开页面
8、打开电脑的chrome，输入chrome://inspect/，开始调试。

二、页面兼容性
1、主流页面适配：19201080 1280720，可以根据要适配的页面出设计稿，目前的适配方案可选rem或者vh/vw。

三、首页加载时延优化，具体参考另一篇文章。

关于机顶盒H5页面开发相关推荐

C#开发微信门户及应用(44)--微信H5页面开发的经验总结
在我们开发微信页面的时候,需要大量用到了各种呈现的效果,一般可以使用Boostrap的效果来设计不同的页面,不过微信团队也提供很多这方面的资源,包括JSSDK的接口,以及Weui的页面样式和相关功能页 ...
h5 默认为移动端页面_20条移动前端H5页面开发规范，h5开发必看文档
这是根据腾讯最新公布的<移动页面用户行为报告>来给大家分享的关于移动端H5页面开发一些20条规范和准则.里面大概包含了16种用户操作习惯和注意点. 下面25学堂跟大家先分享一张关于2016 ...
H5页面开发怎么做？分析H5页面开发令人期待的 5 项功能。
来源品略网:http://www.pinlue.com/article/2020/03/0518/019985707535.html H5页面开发怎么做-H5页面开发令人期待的 5 项功能 HTML ...
微信公众号H5页面开发--微信JS-SDK引用
微信公众号H5页面开发–微信JS-SDK引用微信提供了微信公众号开发者手册,官方地址:https://mp.weixin.qq.com/ 公众号内许多复杂的业务场景,都是通过网页形式来提供服务,这时 ...
对接微信、云闪付H5页面开发走过的坑
1 准备工作微信公众平台进入"公众号设置"的"功能设置"里填写"JS接口安全域名,获取到项目对应的appId 2 使用微信提供的API函数 0 在需 ...
H5页面开发怎么做？
转自:微点阅读(www.weidianyuedu.com)微点阅读 - 范文大全 - 免费学习知识的网站 HTML 5 是超文本置标语言下一个重要版本,HTML 自1999年发布 HTML 4.01 ...
vue多页面开发_使用VUE进行移动端H5页面开发前准备
在正式使用Vue进行移动端页面开发前,需要做一些前置工作,以此保证用户在访问页面时看到的东西不会因设备的差异而出现各种不同的效果,比如一个页面在iphone7 plus上显示的很正常,然后切换到了Ip ...
h5页面开发配置兼容-阻止双指手势缩放
//阻止双指手势放大 document.addEventListener('gesturestart', function(event) {var event=event || window.even ...
H5页面开发的touchmove事件
在做一屏滚动的H5页面的时候,必须移除touchmove事件,如果不移除,在安卓机上会触发微信原生的向下滚动拉出刷新.在IOS上出现上下都可以继续滑动,所以需要移除document的touchmove ...

关于机顶盒H5页面开发

关于机顶盒H5页面开发相关推荐

最新文章

热门文章