在现代移动应用开发中，原生APP与H5页面的混合开发模式非常普遍。要实现两者间的顺畅通信，JSBridge技术至关重要。本文将详细介绍JSBridge的原理、实现方法和实际应用。

使用 WebRTC API 实现移动端 H5 拍照功能需要对 WebRTC API 进行深入了解，并对其进行适当的错误处理，以确保在不同的浏览器和移动设备上正常工作。以上方法都可以帮助你实现移动端 H5 拍照功能

rem 是 CSS3 新增的一个相对单位（root em，根 em），只根据当前页面 HTML 页面的 font-size 设置，如果根目录的 font-size 为 18px，则 1rem=18px

原生APP跳转到H5页面时，往往需要携带一些用户信息，之前做法是在跳转的地址中拼接H5页面需要的参数，现在通过window.WebViewJavascriptBridge悄悄的进行数据交互

只要写手机端的h5页面，viewpoint是绕不过的坎，不处理好这个东西，h5页面就无法正常显示。那它到底是怎么回事呢？网上曾看到一个据说很有名的外国人，写过一篇\\\"三个viewpoint\\\"的概念，但是看了，觉得似懂非懂，后来做了不少h5页面

click事件；在ios上，最后一个元素加margin-bottom无效；时间转化问题；position: fixed中的input框聚焦软键盘弹出，IOS下会有光标错位问题；滚动穿透问题

文件下载耗时：包括html、css、js、图片等；页面渲染耗时：页面渲染，解析js、css文件等；WebView创建耗时：首次创建WebView耗时大约需要500ms左右，第二次创建耗时大约需要20ms左右

在写移动端页面会遇到唤醒App的需求, 一般都是通过scheme协议唤起的,这里记录一下,以新浪微博为例: 其协议为 sinaweibo://splash; 这些协议需要自己去收集

这是一套我自己经常用的H5活动页面开发脚手架，针对目前一般的H5页面，基本上2小时就能完成相关的开发内容。俗话说：工欲善其事必先利其器，有了这么一套H5页面脚手架，我相信80%的H5页面，都能够在2小时当中开发完成。

需要在从APP分享出去的H5页面中，带有一个立即打开的按钮，如果本地安装了app，那么就直接唤起本地的app，如果没有安装，则跳转到下载。这是一个很正常的推广和导流量的策略。

注册企业微信，在应用与小程序栏目中，设置可信域名，配置公众号菜单。可信域名不得不说下，在最初开发时，认为设置并验证后，微信认证接口会实现跨域请求，其实并没有。所以全在H5端还得配合服务端完成票据获取等操作。

在ios端默认的长按选择，可以对文字进行复制粘贴。但是在实际开发中，针对一些按钮一般要避免长按时弹出选中文字，或者一些罩层要避免弹出。 这篇文章通过css3实现禁止ios端长按复制选中文字的方法

点击名片识别按钮，将名片上的个人信息扫描并解析出来显示。需要调出手机摄像头和相册，让用户进行选择；获取照片或者图片的base64数据；调取第三方的orc接口进行图片解析，得到名片上的个人信息，并显示。

在做h5活动页面的时候，有这样的一个需求：点击页面的一个按钮就打开本地的一个app应用，如果该应用未下载，则跳转到app的下载页。这个操作是通过连接跳转的形式来实现的，这篇文章就简单讲解下如何操作的？

DeviceMotionEven是html5提供的一个用来获取设备物理方向及运动的信息(比如陀螺仪、罗盘及加速计)的Dom事件，利用devicemotion实现手机h5页面摇一摇功能