辨别H5还是原生的小技巧

  现在移动端的实现早已不是单纯的原生态开发了,更多的是嵌入H5的实现方式,比如说月亮天使,SFA,还有部分app是纯H5的,例如行政服务。

  在上次测试桥连接优化的时候,或者是在原生改动需要发包的时候,发现很难定位问题到底是原生的,还是H5的,下面分享几个小的辨别技巧,不能说100%准确,但是基本上是90%吧。

  

  我们常常遇到下面几种混合开发的情况:

  • 整个模块都是原生/H5的(那就好办啦)
  • 整个页面都是原生/H5的
  • 标题是H5的,内容是原生的
  • 标题是原生的,内容是H5的

  这就很难辨别了,迭代更新快,各小组业务交叉,很多时候我们不能准确记得某个模块或者页面是由什么来实现的。既然记忆不可究,我们就需要一些技巧。

  咨询过立海,他那边给出了一些小建议,分享给大家:

  1.看loading条

   如果是H5开发的,loading条是在页面上可以看得到的,那么loading条在标题上,就代表标题是由H5实现的,否则为原生

  2.返回按钮的响应

   原生在返回按钮中是做了点击事件的,即点击按钮,会有变灰的效果,细心一点可以发现哈~

   而H5是没有做这样的效果的

  3.页面文本是否可选(适用IOS)

   原生页面的文本是不能长按选择,调用手机的复制功能的

   H5则因为框架是webView,是可以实现长按文本复制的

   如果有其他更多更好的技巧,欢迎大家补充~

原文地址:https://www.cnblogs.com/susanhonly/p/8426134.html