小程序引入web-view注意事项

最新推荐文章于 2024-06-28 15:13:38 发布
最新推荐文章于 2024-06-28 15:13:38 发布
阅读量911 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45956230/article/details/118897280
版权

小程序 webview

小程序引入web-view注意事项

1、官方参考

https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

在这里插入图片描述
2、web-view的src属性中的链接为自动跳转，所以小程序需要创建一个新页面通过导航跳转到该新页面

3、含有web-view的新页面不能作为进入小程序的第一个页面，且跳转到该web-view页面时不能使用wx.redirectTo，否则成功后无法返回到小程序

4、如果使用开发者工具开发小程序，需要在开发者工具的详情的本地设置中打开不校验合法域名、web-view(业务域名)等

5、域名配置，跳转的链接需要在公众平台中配置业务域名，否则无法跳转

在这里插入图片描述

北辰//
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序接入web-view实现扫一扫功能
g_blue_wind的博客
09-29 2495
记录微信小程序介入web-view时实现扫一扫功能 一、官方文档： web-view | 微信开放文档概述 | 微信开放文档 二、准备工作 jssdk需要绑定域名，项目需要能用域名访问 微信开发者工具 微信公众号，需要公众号的appid、appsecret 三、开发流程 1、微信公众号--设置与开发--公众号设置--功能设置--js接口安全域名--添加项目域名 微信公众号--设置与开发--基本配置--获取appid、appsecret，添加ip访问白名单 2、后台...
小程序嵌套h5页面_uni-app 中使用 web-view 微信小程序嵌套H5
weixin_39797693的博客
12-19 3126
uni-app 中使用 web-view 微信小程序嵌套H5由于项目需要，我们的小程序中嵌套了web-view， 对于第一次接触uni-app，第一次用web-view的我真的是踩坑无数，屡次站在放弃的边缘，终于在今天搞定了。所以我感觉有必要更新一篇关于uni-app中嵌套web-view的文章，希望下面的文章可以帮助到正在学习的朋友吧。1、uni-app 中为什么要嵌套 web-view ？2、...
微信小程序试用web-view需要注意
weixin_44550952的博客
10-12 234
webview的使用需注意
微信小程序使用webview注意事项：
wbb1126的博客
07-26 445
诸位道友下次再会！
小程序web-view无法打开该页面的解决方法
最新发布
我是小鹏呀的博客
06-28 2838
把文件给后端，后端部署服务器，部署完后，可以直接访问该文件。例如：业务域名为https://baidu.com，下载下来的文件名为test.txt，后端部署完成后，可以确保https://baidu.com/test.txt可以访问。问题：开发者工具可以正常打开，正式上线版小程序使用 web-view 组件测试时提示：“无法打开该页面，不支持打开。解决方法：需要配置业务业务域名，在微信公众平台-开发-开发管理-业务域名。，请在“小程序右上角更多->反馈与投诉”中和开发者反馈。
使用webview加载，注意事项
gege_1313的专栏
10-06 732
在android应用中,有时要加载一个网页,如果能配上一个进度条就更好了,而android  中提供了其很好的支持,下面是一个例子程序,先帖:  1 2 3 4 <?xml version="1.0" encoding="utf-8"?> <WebView xmlns:android="http://
webview在小程序中使用
seimeii的博客
01-26 7371
一、什么是webview Webview 是一个基于webkit的引擎，可以解析DOM 元素，展示html页面的控件，它和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。 二、webview主要用于什么地方？或者说什么需求下会使用到webview? 个人理解，电脑上展示html页面，通过浏览器打开页面即可浏览，而手机系统层面，如果没有webview支持，是无法展示html页面，所以webview的作用即用于手机系统来展示html界面的。 所以它主要在需要在手机系统上加载html文件时被需要
微信小程序使用web-view，内嵌外网h5踩坑记！！
weixin_61877032的博客
10-13 4314
微信小程序使用web-view业务域名配置问题总结
[小程序开发] 微信小程序内嵌网页web-view开发教程
朝花吸食的剥壳
11-12 3999
为了便于开发者灵活配置小程序，微信小程序开放了内嵌网页能力。这意味着小程序的内容不再局限于pages和large，我们可以借助内嵌网页丰富小程序的内容。下面附上详细的开发教程（含视频操作以及注意事项） 一、小程序内嵌网页web-view图文教程 1) 微信公众平台，登录小程序账号 2) 左侧-设置-开发设置-业务域名-配置 3) 小程序管理员微信扫码
小程序-url引入背景图片写在样式处会报错，写在行内不包错.zip
09-04
在小程序开发过程中，我们经常会遇到将背景图片引入到页面中的需求。标题提到的问题是关于“小程序-url引入背景图片写在样式处会报错，而写在行内不会报错”。这个问题涉及到小程序对CSS样式的处理方式以及其资源...
微信小程序01---小程序初始
蜗牛的博客
10-23 1422
微信小程序初始
webView的使用小程序
yujian5285的专栏
05-21 770
webview 是android开发中常用的控件，下面给出一个小例子。代码如下 xml代码： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" style="@style/common_body_bg" android:layout_width="fill_parent"
微信小程序如何像webview一样加载html5网页
wyk86485480的博客
11-29 208
微信小程序如何像webview一样加载html5网页,目前微信暂时还没有开放这个功能,那怎么办呢？ [url=http://www.yinqisen.cn/blog-731.html]请看这里[/url]！！！
微信小程序web-view用法
热门推荐
qq_34672907的博客
11-03 4万+
昨天晚上小程序有发布了一个新版本啦，不知道各位小伙伴有没有看，由于业务需要，我今早一来就进行了实验进行试用，就是简单的调用起来。但是在调用起来的时候因为文档写的不够细，所以还是遇到了几个问题。写一篇文章，希望对刚刚开始想要调起web-view的小伙伴有帮助。 首先是域名的问题（很不要脸的说我卡这里卡了半个小时） 步骤：先登录小程序开发平台，将页面需要跳转的域名写上去，注意了，域名不是指服务器的
小程序使用webview嵌入H5，附件链接无法打开问题
哈喽234的博客
07-27 1685
在一次做项目时，排查小程序中附件链接打不开问题，但另一个小程序同样的代码有的可以打开，有的打不开；小程序的wx.request()是通过jsCore调用系统原生api发起的请求，即便header里带有set-cookie，也不会在web-view对应的’浏览器’中设置cookie，而是由原生应用来处理这个header中的set-cookie。但是，小程序中的web-view和微信中直接打开的h5，因为用的是同一个浏览器内核，所以，它们的cookie、storage是可以共享的。
webview的使用和注意事项
android_nongmin的博客
11-30 1627
webview的使用和注意事项webview的使用和注意事项1 webview 使用1.加载页面2.WebView的生命周期3、WebView的一些常用方法4、WebView的常用工具类4.1 WebSettings：对WebView进行配置和管理。4.2 WebViewClient：处理各种通知和请求事件。4.3 WebChromeClient：辅助 WebView 处理 Javascript 的对话框，网站图标，网站标题等等。4.4.1 设置cookie，若两次设置相同，则覆盖上一次的4.4.2 获取c
webview使用过程中需要注意的地方
秦时明月
02-27 269
1、自定义的JsBridge的的方法一定要和h5里的方法名保持一致。 2、当webView写在其它容器里，并且webView不再使用的时候，一方面要从容器中移除webView另一方面要记得调用webView.destroy();方法来销毁webView防止内存泄漏。 3、调用 addJavascriptInterface(JsBridge, “testJSBridge”);的时候第二个参数如果是...
如何在小程序中嵌入网页或者网站（web-view）？
在下月亮有何贵干
05-23 8065
有些人有某种需求，我已经制作了网站，可不可以直接做成小程序？不必用小程序语法重写一遍。当然可以，我们只需要将网页嵌入小程序就好了，十分简单，使用 web-view。
小程序注意事项
c_1040181179的博客
06-21 711
微信小程序项目结构主要有四个文件类型 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： ...
小程序web-view去掉头部
06-01
小程序web-view默认是带有头部的，如果需要去掉头部，可以通过以下两种方式实现： 1. 使用navigator组件的open-type属性为navigate的button组件代替web-view组件，在跳转页面时将url传入button组件中。这种方式不需要使用web-view组件，也不会出现头部。 2. 使用web-view组件，但是在跳转页面时需要在url中添加参数进行控制。具体做法是在url中添加"navigationbarhidden=true"参数即可去掉头部。例如： ``` <web-view src="https://www.example.com?navigationbarhidden=true"></web-view> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值