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里需要注意的事项相关推荐

【移动端debug-6】如何做一个App里的web调试小工具
原文链接:如何做一个App里的web调试小工具我们知道现在hybrid app非常流行,在这样的app里,h5页面是应用非常广泛的.相对于以往在pc端开发的网页,放在app里的网页由于无法直接使用桌 ...
如何在原生Android项目里嵌入Cordova
背景:这段时间在维护一个Cordova混合项目,以前稍微接触过Cordova,也写过简单的纯纯的Cordova的Demo,但是没有尝试过混合原生的Cordova.在接到项目后比较了一下项目架构和Cor ...
网站打包生成的APP和原生开发APP的区别？
1.首先从开发方面: 原生开发的App: 每一种移动操作系统都需要独立的开发项目每种平台都需要独立的开发语言.Java(Android), Objective-C(iOS)以及Visual C++( ...
原生开发什么意思_网站打包生成的APP和原生开发APP有什么区别？
原标题:网站打包生成的APP和原生开发APP有什么区别? 1.首先从开发方面: 原生开发的App 每一种移动操作系统都需要独立的开发项目每种平台都需要独立的开发语言.Java(Android), O ...
Flutter中嵌入Android 原生TextView
更多文章请查看 flutter从入门到精通本篇文章中写到的是 flutter 调用了Android 原生的 TextView 案例添加原生组件的流程基本上可以描述为: 1 android 端实 ...
内嵌在app里的h5页面实现分享
今天在做项目的时候, 有一个功能是内嵌在app里的h5页上有一个按钮,点击按钮要呼起微信的通讯录,进行分享,分享完成之后调后端接口记录分享次数. 如下图,呼起微信通讯录的界面是这样子: 在app里h5 ...
web项目打包成Native App
web项目打包成Native App 好长时间没有写过博客了,闲暇时分静下心来给大家分享一下web项目打包成Native App的小知识,最近公司的web项目都开发到收尾阶段了,也在把web项目打包成 ...
在你的 Android App 里接入支付宝
没想到现在 App 里集成支付宝是这么的简单,我还折腾了好久... 好了,开始,假设你已经完成了支付宝那些繁杂的申请啥的工作,进入开发了. 首先,去下载官方的 DEMO : App支付客户端DEMO& ...
cordova 一个将web应用程序封装成app的框架
cordova 一个将web应用程序封装成app的框架 cordova的详细介绍请参考这个链接:http://www.zhoujingen.cn/blog/7034.html 我接下来主要将如何搭建. ...

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

web嵌入到原生的app里需要注意的事项相关推荐

最新文章

热门文章