- 长按页面试试,如果出现文字选择、粘贴功能的是H5页面。(除非css或原生app禁用)
- 加载的方式。上方有小进度条- H5网页
- 网页由 xxx.xxxxxx.com 提供 - H5
- 如果APP顶部导航栏当中出现了关闭按钮或者有关闭的图标,那么当前的页面肯定的H5,原生的不会出现(除非设计开发者故意弄的)
美团的、大众点评的APp、微信APP当加载h5过多的时候,左上角会出现关闭2字。 - 安卓环境,开发者选项中的显示布局边界。页面元素很多的情况下布局是一整块的是h5的,布局密密麻麻的是原生控件。
微信小程序 vs对比 H5
微信肆意偷隐私。薄纱H5网页沙箱
微信审核,$\color{pink}{遥遥领}$先。
(国内都一样,近年来想做点啥,都要无数人审视,这群..人,管着所有创新者,人才和真理,环境真的棒 – certified by countless institute)
内置解析器,非纯浏览器引擎。
外国人(英美欧重视个人隐私,微信这种劣迹斑斑的基本流行不起来), ## update: 虽然meta:instagram, google也是隐私大户,广告主恨不得把用户底裤扒出来 monetize on its user heavily
原生APP:
缺少数据统计
下面这些等待搜集到相应数据再做分析
小程序跳转微信支付
小程序跳转支付宝支付—》并再拉起支付宝
sdk....(app内建议使用sdk接入方式)
App内嵌H5,可让h5使用jsBridge方法调用客户端内接的支付宝SDK方法,达到H5直接唤起支付宝App进行支付,实现不需要打开外部浏览器再唤起app进行支付。。
ref: https://open.alipay.com/portal/forum/post/118401034
webview内嵌的h5 接入支付宝的jssdk(https://appx/web-view.min.js)。可以直接调用my.tradePay。
my.getEnv((res) => {
if (res.miniprogram || res.miniProgram) { // 判断h5当前在小程序内
my.tradePay({ // h5直接调用支付api
tradeNO: '接口返回的tradeNo',
success: item => {
const code = +item.resultCode
if (code === 9000) {
// 支付成功
} else {
my.showToast({
content: item.msg || '支付失败,请稍后重试'
})
}
},
fail: (e) => {
my.showToast({
content: '支付失败,请稍后重试'
})
}
})
}
})
....