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里需要注意的事项的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。