写H5页面一直写的有点随意,只是保证了页面在各个屏幕下显示良好,却没有保证到在各个屏幕下是等比例放大或者缩小.这些天在写一些页面,试着看看能不能写出等比例放大缩小的页面,发现不容易啊,在网上找了一些文章,整理如下: (只说方案,具体实现看大神的文章) 方法一:用流式布局,px做css单位,在大屏小屏 ...
分类:
移动开发 时间:
2017-06-25 12:39:42
阅读次数:
254
最近在做微信公众号,在设计一些html5页面时,通过微信内置浏览器访问页面分享后,希望可以自定义小图标(imgUrl)和分享链接(lineLink),下面下微信内置浏览器分享功能的JS代码,希望对大家有所帮助。varimgUrl="https://www.huceo.com/logo.jpg";//注意必须是绝对路径varli..
分类:
微信 时间:
2017-06-23 20:50:43
阅读次数:
533
做公众号项目中有如下场景,一个H5页面有列表数据,不考虑一次加载所有数据,故需要分页操作,解决方案为滑动到底部自动加载下一页内容。直接在H5的js当中实现。 主要使用jquery的scroll()方法: 当用户滚动指定的元素时,会发生 scroll 事件。 scroll 事件适用于所有可滚动的元素和 ...
分类:
移动开发 时间:
2017-06-19 09:53:10
阅读次数:
2532
项目里有一个h5页面需要原生化,这个页面有大量的本地图片,而这些图又用了2x、3x两套图,其中有些图片大到一张能达到好几M,最终的结果是ipa的包体积巨大无比。于是试了好些方法,终于把ipa的体积减小了很多。接下来总结一些能让app瘦身的方法。 (1) 对图片本身进行压缩。设计师在设计大的图片时对图 ...
分类:
移动开发 时间:
2017-06-15 12:38:06
阅读次数:
179
1:业务逻辑相关 除了基本的功能测试还需要关注: 1.1登陆 目前H5与native各个客户端都做了互通,所以大家在测试的时候要注意两点: A、若客户端已登录,那么进入H5后仍然是登录状态。 B、若客户端未登录,进入H5,点击对应按钮OR链接,如果需要登录,须拉起native登录。若取消登录,是否可 ...
分类:
其他好文 时间:
2017-06-05 14:21:40
阅读次数:
312
最近在做项目中,发现在移动端长按会出现复制黏贴菜单按钮,经过查询资料,解决了此问题; ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 苹果端可以css解决:*{-webkit-touch-callout: none;} ~~~~~~~~~~~~~~~~~~~~ ...
分类:
其他好文 时间:
2017-06-05 14:07:18
阅读次数:
469
一些情况下对非可点击元素如(label,span)监听click事件,ios下不会触发 三星手机遮罩层下的input、select、a等元素可以被点击和focus(点击穿透) 安卓浏览器看背景图片,有些设备会模糊。 h5页面有个问题就是,当输入框在最底部,点击软键盘后输入框会被遮挡。 关于Web移动 ...
分类:
移动开发 时间:
2017-06-01 23:35:38
阅读次数:
411
移动端总结和手机兼容问题 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-sc ...
分类:
移动开发 时间:
2017-06-01 22:44:26
阅读次数:
229
常用meta标签 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面: <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scala ...
分类:
移动开发 时间:
2017-05-27 19:58:07
阅读次数:
229
(function(){ var print={ lock:true, log:function(param){ if(this.lock){ var element=document.createElement("div"); ... ...
分类:
移动开发 时间:
2017-05-27 12:21:34
阅读次数:
1415