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/

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(); }//读取cookiesfunction getCookie(name){var arr,reg=new RegExp("(^| )"+name+"=([^;]*)(;|$)"); //正则匹配if(arr=document.cookie.match(reg)){return unescape(arr[2]);}else{return null;} }

 

转载于:https://www.cnblogs.com/lmxxlm-123/p/9210498.html

总结

以上是生活随笔为你收集整理的web嵌入到原生的app里需要注意的事项的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。