小程序现在越来越流行，但是公司的很多项目都是用网页写的，小程序语法不兼容原生网页，使得旧有项目迁移至小程序代价很高； 小程序之前开放了webview功能，可以说是网页应用的一大福音了，但是微信的webview有一些坑，这篇文章就是列举一下我在开发过程中遇到的一些问题以及我找到的一些解决方案。 遇到的 ...
分类：
微信 时间：
2019-11-17 12:39:44
阅读次数：
154
一、简介 在前面一篇文章中讲到过实现JavaScript与Native交互的方式有一种就是使用原生内嵌webView。在iOS8之前，开发者只能使用苹果提供的UIWebView类来加载URL或者HTML网页视图，然后通过设置代理，在回调函数中拦截并处理自定义交互事件，功能十分有限，通常只是作为一个辅 ...
分类：
移动开发 时间：
2019-11-16 19:32:11
阅读次数：
111
url加载方式：webView.loadUrl("http://139.196.35.30:8080/OkHttpTest/apppackage/test.html"); webViewClient： webViewClient主要帮助webView处理各种通知，请求事件 webViewClient ...
分类：
Web程序 时间：
2019-11-16 10:28:36
阅读次数：
62
didFinishNavigation调用时并不代表网页的所有内容都已经加载完了，如一些js文件可能并没有加载完，如果此时通过webview调用一些js文件中的方法时可能会失败，解决办法是didFinishNavigation完成后等30ms左右，或者通过js调native的方法来通知native网 ...
分类：
Web程序 时间：
2019-11-16 09:12:16
阅读次数：
383
WebView是手机中内置了一款高性能 webkit 内核浏览器，在 SDK 中封装的一个组件。没有提供地址栏和导航栏，只是用来展示一个网页界面。WebView也就是我们熟悉的“网络视图”，能加载并显示网页。 使用场景：比如有个APP，想要访问H5页面（如百度页面），可以不使用手机自带的浏览器，只需 ...
分类：
Web程序 时间：
2019-11-12 12:55:20
阅读次数：
82
何为沉浸式？ 沉浸式就是app的头部和状态栏和何为一体的，webview即为整个手机的高度 何为状态栏？ 状态栏就是手机顶部，显示时间电量那一行 除此还有刘海屏，水滴屏，挖孔屏，全面屏，非刘海屏，不同手机状态栏高度又不太一样，需要我们去适配，有一个段子说，如果看到那个手机适配有问题，赶紧把那个手机藏 ...
分类：
其他好文 时间：
2019-11-11 21:56:42
阅读次数：
345
文章链接：https://mp.weixin.qq.com/s/69TRkmFL1aNuSqfw4ULMJw 项目中经常涉及到富文本的加载，后台管理端编辑器生成的一段html 代码要渲染到移动端上面，一种方法是前端做成html页面，放到服务器上，移动端这边直接webView 加载url即可，还有一种 ...
分类：
移动开发 时间：
2019-11-09 00:40:49
阅读次数：
121
目录介绍 01.基础使用目录介绍 1.0.1 常用的基础介绍 1.0.2 Android调用Js 1.0.3 Js调用Android 1.0.4 WebView.loadUrl(url)流程 1.0.5 js的调用时机分析 1.0.6 清除缓存数据方式有哪些 1.0.7 如何使用DeepLink 1 ...
分类：
其他好文 时间：
2019-11-04 19:43:45
阅读次数：
105
遇到的问题1：ios页面中，内容过多时有下滑真是功能，但是下滑的时候回看到底部的微信自带的灰色背景及H5的域名（ios的webview中上/下拉露出黑灰色背景问题） 解决办法：给body添加样式 body:{position:fixed;top:0;left:0;width:100%;} //亲测有 ...
分类：
微信 时间：
2019-11-04 00:14:51
阅读次数：
129
hybrid本质： 在原生app中，使用webview作为容器，承载一个web页面。 jsbridge： 一座用javascript链接的桥，链接native和web，使native中的代码可以访问web中的javascript代码，使web可以访问native中的原生代码。 http-server ...
分类：
其他好文 时间：
2019-11-03 19:58:13
阅读次数：
79
