web嵌入到原生的app里需要注意的事项

Posted 2020-11-19 豆豆飞

1、https://www.cnblogs.com/shimily/articles/7943370.html

2、https://www.cnblogs.com/stoneniqiu/p/6077112.html    ****

3、https://blog.csdn.net/zhangmeng1020/article/details/50886185/

4、https://blog.csdn.net/quake_walk/article/details/52298303

5、https://blog.csdn.net/csdn_chenli/article/details/52946143

6、https://blog.csdn.net/fengltxx/article/details/53350284

7、https://www.cnblogs.com/quietwalk/p/7443692.html

 

 

1、h5页面嵌入的原生的js里，设置line-height，元素不垂直居中的解决办法

把元素的像素放大到二倍，例如：12rem--->24rem
然后:进行缩放，这里注意以哪里为原点
-webkit-transform:scale(0.5);
transform:scale(0.5);
-webkit-transform-origin:100% 100%;
transform-origin:100% 100%;

加强：
父元素：display:table;
子元素：display:table-cell;vertical-align:middle;

2、与原生的进行交互

   通常情况下前端不用管
   想要值的时候就自己写个方法
   window.common.method()   //window后面的随便起名
   然后让安卓或ios  自己在webview里封装这个方法，前端就能调用到了
   当然也可以进行传值

   ***注意
   有的时候调不到，不要慌，不是咱们的问题，是安卓或ios把加载方法放的时间位置不对（页面刚进入、或页面加载完）

3、判断是安卓还是ios

phone:function(){//判断是苹果还是安卓
          var flag=\'\';
          var u = navigator.userAgent;
    var isandroid = u.indexOf(\'Android\') > -1 || u.indexOf(\'Adr\') > -1; //android终端
    var isiOS = !!u.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
    isAndroid?flag="Android":(isiOS==true?flag=\'IOS\':flag=\'\');
    return flag;
}

4、设置cookie和获取cookie

//设置固定过期时间的cookies
function setCookie(name,value){
    var Days = 30;
    var exp = new Date();
     exp.setTime(exp.getTime() + Days*24*60*60*1000);
     document.cookie = name + "="+ escape (value) + ";expires=" + exp.toGMTString();
}
         //读取cookies
    function getCookie(name){
     var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); //正则匹配
     if(arr=document.cookie.match(reg)){
        return unescape(arr[2]);
     }
     else{
        return null;
    }
}