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

千磨万击还坚劲,任尔东西南北风。这篇文章主要讲述web嵌入到原生的app里需要注意的事项相关的知识,希望能为你提供帮助。
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/
【web嵌入到原生的app里需要注意的事项】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; } }

 

    推荐阅读