美文网首页
关于 h5 定位方案

关于 h5 定位方案

作者: Kailee | 来源:发表于2020-01-07 15:55 被阅读0次

由于 h5 定位的体验不是很好,为了达到最佳效果,需要进行一些优化。

首先得考虑到 h5 可能运行的环境,可能有以下情况:

  1. App 内嵌
  2. 微信环境
  3. 浏览器

方案

App 内嵌

对于在 App 内的场景,推荐使用 App 提供的原生定位,体验最佳,所以 h5 需要与原生 App 进行交互,交互方法就不多讲,jsBridge 即可。

微信环境

如果在微信环境中,只需要引入 weixin-js-sdk,使用 wx.getLocation 即可。

浏览器环境

对于其他App嵌入或者浏览器,统一经过 h5 定位,为了方便我们可以直接使用高德地图 sdk,高德地图同时也自带 ip 定位,前提是获取定位超时才会使用 ip 定位。

相关文章

  • 关于 h5 定位方案

    由于 h5 定位的体验不是很好,为了达到最佳效果,需要进行一些优化。 首先得考虑到 h5 可能运行的环境,可能有以...

  • 关于ios中碰到的软键盘弹出,导致的底部输入框定位出现问题的解决

    关于ios中碰到的软键盘弹出,导致的底部输入框定位出现问题的解决方案 背景 目前正在做IM相关的H5页面,碰到了i...

  • iOS 与js交互

    最近做了一个项目,原生中嵌套h5模块,加载h5我用的UIWebView ,h5开发反应h5定位不准确 希望原生定位...

  • [AP_11] APP中内嵌H5页面-元素定位环境搭建

    一、H5页面简介 1. H5页面元素定位引入 在混合开发的APP中常有内嵌的H5页面,对于H5页面元素定位,其前所...

  • APP内嵌H5定位

    一、H5页面简介 1. H5页面元素定位引入 在混合开发的APP中常有内嵌的H5页面,对于H5页面元素定位,其前所...

  • H5定位终极解决方案

    H5定位终极解决方案 背景 到新公司的第二个项目,就是和小伙伴们一起做一个H5的微商城,主要在微信内,但也要考虑到...

  • 三栏布局的五种方式@令狐张豪

    flex方案 table方案 浮动方案 绝对定位方案 网格方案

  • 介绍一款用于室内测距的UWB模块SKU603

    在前面的室内定位方案介绍中,SKYLAB君有简单介绍过基于UWB技术的室内定位方案,UWB室内定位方案无论在定位精...

  • BFC原理及示例

    一、常见定位方案 在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: ...

  • 理解BFC

    一、常见定位方案 在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: ...

网友评论

      本文标题:关于 h5 定位方案

      本文链接:https://www.haomeiwen.com/subject/pearactx.html