小程序web-view点开后，打开图片或者新页面后返回页面表头变红？（已解决）

最新推荐文章于 2023-04-25 14:33:20 发布
最新推荐文章于 2023-04-25 14:33:20 发布
阅读量628 收藏
点赞数
文章标签： 前端 小程序 css vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57033986/article/details/121859961
版权

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
已经解决了这个问题是由

wx.setNavigationBarColor({

frontColor: ‘#000000’,

backgroundColor: ‘#ff0000’,

animation: {

duration: 400,

timingFunc: ‘easeIn’

}

})

影响的，我在App.vue全局配置了这个设置，先把全局App.vue的去掉，在webview页面不能配置这个设置，去掉后表头就不会变红了

雨住一_abc
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信webview中以图片相册形式打开页面中图片
guozpchina的专栏
12-08 1559
var list = new Array(); $(document).ready(function() { $("img").each(function(index,element){ list[index]=$(this).attr('src'); }); }); $("img").live("click", function(event) { We
钉钉小程序 打开web-view页面显示白屏
最新发布
WY66987的博客
07-20 1427
使用钉钉小程序开发,使用苹果手机打开web-view页面可以正常显示，但是使用安卓手机显示白屏。
微信小程序web-view使用说明，及链接打不开问题
m0_60312580的博客
04-25 1万+
开发微信小程序时，有时会需要在小程序内打开网页链接，这时就需要用到 web-view 标签。web-view 是小程序上用来承载网页的容器，且每个页面只能有一个 web-view，它会自动铺满整个页面，并覆盖其他组件。目前个人类型的小程序上不支持使用。在小程序上打开的网页链接地址大致可以分为两种类型：外部网页链接，如百度、知乎等网页地址微信公众号文章链接web-view 跳转外部网页链接需要配置业务域名，外部网页内 iframe 的域名也需要配置。配置小程序业务域名的方法可以参考。
小程序webview去掉顶部导航 顶部导航颜色设置
Neil_1993的博客
04-01 6174
"window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#000000", "navigationBarTitleText": "", "navigationStyle": "custom", "navigationBarTextStyle": "black...
小程序web-view调用H5页面判断环境并发起小程序微信支付接口示例完整代码包
01-01
如果看不懂的话，可以进微信>>发现>>小程序搜索：飞机杯男用 进“飞机杯男用”这个小程序可以看我做的接口演示，当然小程序里面也有我的联系方式，可以通过小程序联系我，不忙的时可帮简单解答，虽然说这代码很完整...
微信小程序web-view源码（内嵌网页分享功能）.zip
08-29
微信小程序是一种轻量级的应用开发平台，允许开发者在微信内部构建功能丰富的应用，而`web-view`组件是其中的关键组成部分，它使得小程序能够内嵌HTML网页，提供了与Web页面交互的可能性。本压缩包中的源码着重展示...
微信小程序web-view H5分享功能源码
07-11
小程序web-view页面分享出去后，并且把分享的参数传递给小程序，别人打开仍然显示你分享时候的页面，而不是首页或者打不开，并且显示分享页面title和简介。 只需要文件里的域名，并在网站H5页面引入js就可以了
小程序web-view调用H5页面发起小程序抽取微信地址示例代码
09-28
小程序web-view调用H5页面发起小程序抽取微信地址示例代码。 这接口是我熬夜写出来的，可以用于ECtouch的H5发起小程序调用微信收货地址，如果看不懂的话，可以进微信>>发现>>小程序搜索：“春意谷成人用品商城”进...
详解解决小程序中webview页面多层history返回问题
10-16
在开发小程序时，经常会遇到需要在小程序内部嵌入web页面的情况，比如利用webview组件展示网页内容或者进行页面跳转处理。但是，在某些场景下，比如嵌入了需要进行静默授权的web页面，用户在点击小程序原生返回按钮...
【微信小程序】view之点击变色效果
xunming的专栏
01-08 1万+
<view class='view-box-btn' bindtap="onSave">保存</view> 这样的一个按钮，在wxss中设置它的样式 .view-box-btn { width: 90%; height: 100rpx; margin-top: 20px; border-radius: 20rpx; border: 1px solid...
微信小程序--动态设置导航栏颜色
Dark_programmer的博客
07-20 5952
微信自定义导航栏
微信小程序 循环列表后 点击按钮后返回改变颜色
欧巴酱的CSDN
08-30 2429
wxml 代码 &lt;navigator url="/pages/stockBacklog/stockBacklog" data-id="1" class="{{currentItem==1?'con_right_1':'con_right_11'}}" bindtap='bindCheck'&gt;实时库存查询&lt;/navigator&gt; js 代码 onLoad: fun...
微信小程序web-view用法
热门推荐
qq_34672907的博客
11-03 4万+
昨天晚上小程序有发布了一个新版本啦，不知道各位小伙伴有没有看，由于业务需要，我今早一来就进行了实验进行试用，就是简单的调用起来。但是在调用起来的时候因为文档写的不够细，所以还是遇到了几个问题。写一篇文章，希望对刚刚开始想要调起web-view的小伙伴有帮助。 首先是域名的问题（很不要脸的说我卡这里卡了半个小时） 步骤：先登录小程序开发平台，将页面需要跳转的域名写上去，注意了，域名不是指服务器的
微信小程序webview保存图片
Zmikoo学习之路
04-13 5136
先加载 微信js-sdk <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> html端把图片转为base64,然后通过postmessage传递给小程序 let img = new Image() img.src = 'xxxx' //这里是图片的src img.cross...
动画
denghuihua的专栏
02-17 557
--切换两个view的方法 1、UIView封装好的方法 2、切换两个view的动画  CAanimation CATransition *animation = [CATransition animation]; animation.delegate = self; animation.duration = kDuration; animation.timi
webView的图片使用图片浏览器来浏览
weixin_33743661的博客
12-13 183
网页加载完成，注入js文件 - (void)webViewDidFinishLoad:(UIWebView *)webView { //这里是js，主要目的实现对url的获取 static NSString * const jsGetImages = @"function getImages(){\ var objs = document.getElementsByTagName(\"img\"...
微信小程序内嵌 web-view 页面改动 iOS 正常显示，Android 依旧是改动前的样子（缓存页面）
RealizeInnerSelf丶
03-16 464
文章目录微信小程序内嵌 web-view 页面改动 iOS 正常显示，Android 依旧是改动前的样子（缓存页面）前言解决方法 微信小程序内嵌 web-view 页面改动 iOS 正常显示，Android 依旧是改动前的样子（缓存页面） 前言 小程序里webview打开的H5页面怎么清除缓存？ 如图，在 iOS 系统的手机上（开发者工具上）已经能正常显示新页面了，而 Android 系统的手机上却还是左侧的老页面 不管是退出重进小程序还是删掉小程序重新搜索进入、亦或是清除微信缓存、关掉微信重进、清除
微信小程序实现点击改变view背景颜色
liuhaoxin666的博客
04-22 1万+
点击改变view背景颜色 线上效果图，如下： 效果就是点击任一一个，它的背景颜色和字体颜色都会改变 1.布局 我是用循环写的，因为这样比较方便吧，不然还需要设置好几个点击事件，代码如下： <view class="tapgo"> <view style=" background-color: {{item.color}};color: {{item.tcol}};" clas...
微信小程序web-view标签打不开页面
06-08
如果小程序中的 `web-view` 标签无法打开页面，可能是以下几个原因导致的： 1. 小程序的 `app.json` 文件中没有配置 `web-view` 组件的白名单。需要在 `app.json` 文件中添加 `web-view` 组件的白名单，才能正常打开页面。例如： ```json { "usingComponents": { "web-view": "/path/to/web-view" }, "webviewDomain": "https://example.com" } ``` 其中，`usingComponents` 字段用于引入 `web-view` 组件，`webviewDomain` 字段用于配置 `web-view` 组件允许打开的域名。需要注意的是，只有在 `webviewDomain` 字段中配置的域名下的页面才能被 `web-view` 组件打开。 2. 页面链接不合法。如果链接不合法，可能会被微信拦截，无法正常打开。需要确保链接是一个合法的URL，且在 `webviewDomain` 字段中配置的域名下。 3. 页面链接需要加上 HTTPS。在小程序中，只有 HTTPS 协议的页面才能被 `web-view` 组件打开。如果链接是 HTTP 协议的，需要改成 HTTPS 协议。 4. 页面加载时间过长。如果打开的页面加载时间过长，超过了微信限制的时间，可能会被微信拦截，无法正常打开。需要优化页面加载速度，尽量减少页面资源的加载时间。 如果以上方法还是无法解决问题，可以尝试联系微信小程序客服，寻求进一步的帮助和支持。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值