背景:最开始用手机模拟H5页面跑自动化,发现经常因为app连接或者网络原因等一系列情况,导致M版(H5页面)用例跑不通,想通过浏览器自带的手机模拟器运行,保证稳定性 浏览器自带的模拟器如下图: 代码实现逻辑 效果如图: ...
分类:
移动开发 时间:
2017-08-24 19:42:16
阅读次数:
2000
摘要 目前项目中采用的方式是内嵌浏览器的方式,打开本地或者互联网上的h5页面。在开发之前做了一下调研。目前常用的在C#封装的浏览器内核中,Chromium 内核封装有Xilium.Cefglue、Cefsharp,Webkit 内核封装 Webkit.NET 、OpenWebKitSharp等。we ...
选择iPhone6作为基准设计尺寸,交付给前端的设计尺寸是按750px * 1334px为准(高度会随着内容多少而改变)。前端开发人员通过一套适配规则自动适配到其他的尺寸。著作权归作者所有。 ...
分类:
其他好文 时间:
2017-08-17 17:48:47
阅读次数:
178
【需求】h5页面添加背景音乐,支持微信、QQ、各种APP。 【实现思路】1、通过audio标签,设置自动播放,是一种方法,但是此方法只适合微信、QQ,并不兼容我司的APP,需要主动触发下播放事件。 2、针对可以自动播放的渠道,通过this.audio.addEventListene监听playing ...
分类:
其他好文 时间:
2017-08-13 21:38:43
阅读次数:
339
什么使移动端开发呢?这就是在手机等移动端设备上的网页开发。 并且现在手机上的app有一部分也是h5页面,对于Android系统的手机,我们打开手机上的开发者选项,开启显示布局边界,如果发现页面有布局则是native,否则是h5页面。而当今比较流行的通过rem进行移动端的适配,所以这篇文章会主要介绍一 ...
分类:
移动开发 时间:
2017-08-11 12:20:29
阅读次数:
289
APP调用H5函数 (1)登录功能——调起APP的登录页面 操作:点击h5页面的"去登录"按钮,执行appLogin函数,检测window对象是否有WebViewJavascriptBridge属性,有的话就是IOS; window有ANDROID对象,就是安卓。分别执行对应环境下的操作。 appL... ...
分类:
移动开发 时间:
2017-08-08 20:51:04
阅读次数:
222
目的是为了手机H5页面提供一个常用的组件库,减少重复工作,也就是不重复造轮子。 http://m.sui.taobao.org/components/#bars ...
分类:
其他好文 时间:
2017-08-08 16:53:57
阅读次数:
247
微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们的小程序在很多方面突破H5页面应用的限制,更加接近原生程序的功能,因此微信小程序具有很大的前景想象力。它提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript ...
分类:
微信 时间:
2017-08-01 15:37:59
阅读次数:
365
微信小程序在无论在功能、文档及相关支持方面,都是优于前面几种微信账号类型,它提供了很多原生程序才有的接口,使得我们的小程序在很多方面突破H5页面应用的限制,更加接近原生程序的功能,因此微信小程序具有很大的前景想象力。它提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript... ...
分类:
微信 时间:
2017-07-31 23:54:51
阅读次数:
614
在PC上的调试 问题:需要调试样式,没有数据不方便调试。 方案:本地mock。 EG: chrome书签管理器 →将下面代码存书签里,如下图: 开发h5页时,打开所存的mock书签,填入自己mock的数据,render之后可用,即可方便样式的调试 Chrome调试安卓机上的H5页面 准备: (1)安 ...
分类:
其他好文 时间:
2017-07-26 00:12:28
阅读次数:
171