分类: 移动web

H5处理全面屏iPhone底部边距

iPhone 从 X 开始使用全面屏,浏览网页的时候底部会有一条遮住可视区域,为了避免H5页面被iPhone底部条遮住,可以采取以下方案。

iPhone自适应底部

首先,iPhone自带了屏幕安全区域的处理策略,可以使用constant和env两个css特性来获取底部的安全距离,然后通过@sup[……]

继续阅读

2021-04-01 Comments (0)
阅读全文

前端使用WebViewJavascriptBridge实现JS与iOS、Android客户端交互

  1. JS 调用 native 的 handler(JS 发起请求)
window.WebViewJavascriptBridge.callHandler(
    'handlerName',  // 调用 native 的 handler
    data,   // 传数据给 native[......]

继续阅读

2018-05-14 Comments (1)
阅读全文

移动端抓包及web调试指南

本文包括:

  1. 抓包(截获网络请求)
    • 在Windows上使用Fiddle抓包
    • 在Mac上使用Charles抓包
  2. 页面调试:
    • 在Windows上调试iOS
    • 在Windows上调试Android
    • 在Mac上调试iOS
    • 在Mac上调试Android

本文旨在解决的问题包括:

  1. 在电脑上通[……]

    继续阅读

2018-05-09 Comments (0)
阅读全文

移动客户端WEB前端开发问题汇总

本文针对WebApp,主要应用于iPhone和Android智能手机(大多基于webkit内核浏览器)。

WebApp中将大量运用HTML5和CSS3技术,以简化工作量的同时做出更好的效果。

1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp[……]

继续阅读

2013-03-28 Comments (1)
阅读全文

TOP