分类: 移动web
H5处理全面屏iPhone底部边距
iPhone 从 X 开始使用全面屏,浏览网页的时候底部会有一条遮住可视区域,为了避免H5页面被iPhone底部条遮住,可以采取以下方案。
iPhone自适应底部
首先,iPhone自带了屏幕安全区域的处理策略,可以使用constant和env两个css特性来获取底部的安全距离,然后通过@sup[……]
前端使用WebViewJavascriptBridge实现JS与iOS、Android客户端交互
- JS 调用 native 的 handler(JS 发起请求)
window.WebViewJavascriptBridge.callHandler(
'handlerName', // 调用 native 的 handler
data, // 传数据给 native[......]
移动端抓包及web调试指南
本文包括:
- 抓包(截获网络请求)
- 在Windows上使用Fiddle抓包
- 在Mac上使用Charles抓包
- 页面调试:
- 在Windows上调试iOS
- 在Windows上调试Android
- 在Mac上调试iOS
- 在Mac上调试Android
本文旨在解决的问题包括:
- 在电脑上通[……]
移动客户端WEB前端开发问题汇总
本文针对WebApp,主要应用于iPhone和Android智能手机(大多基于webkit内核浏览器)。
WebApp中将大量运用HTML5和CSS3技术,以简化工作量的同时做出更好的效果。
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp[……]