微信等webview中无法修改document.title的情况

最新推荐文章于 2025-05-25 12:27:39 发布

weixin_30580943

最新推荐文章于 2025-05-25 12:27:39 发布

阅读量723

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mingweiyard/p/8690216.html

本文介绍了一种在微信等Webview环境下修改页面标题的方法。通过创建一个隐藏的iframe并利用其加载过程中的特性，在不影响用户体验的前提下成功更新了document.title。此技巧对于解决特定环境下的标题修改难题非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// hack在微信等webview中无法修改document.title的情况

var $iframe = $('<iframe src="https://www.bbtree.com/favicon.ico" style="display: none;"></iframe>');

$iframe.on('load',function() {

setTimeout(function() {

$iframe.off('load').remove();

}, 0);

}).appendTo($('body'));

转载于:https://www.cnblogs.com/mingweiyard/p/8690216.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30580943

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【微信小程序】其他组件-web-view内嵌

墨夶的博客

11-25

2305

web-view组件是一个可以用来承载网页的容器，会自动铺满整个小程序页面。这意味着在一个页面中只能存在一个web-view组件，并且它会覆盖页面上的其他组件。web-view组件的使用需要在小程序管理后台配置业务域名，确保加载的网页地址属于已配置的合法域名。web-view组件为微信小程序提供了一种便捷的方式来嵌入外部网页，使得开发者可以充分利用已有的 H5 资源，减少重复开发的工作量。通过合理配置属性和方法，可以实现网页与小程序之间的高效互动，提升用户体验。希望本文能帮助你在微信小程序开发中更好地使用。

【微信小程序】webview内嵌H5中回调小程序原生方法实现GET请求获取的文件流预览功能

qq_35170037的博客

02-19

854

*解决方案：**在webview中引入微信所需要的的SDK，目的是和微信小程序进行互动，将下面代码直接扔进H5的index.html中。参考微信的原生方法**wx.getFileSystemManager().readFile()**将文件读取到临时文件夹中产生临时路径。微信小程序的主体内容使用了标签将H5的页面内容展示，H5中有页面存放了下载的路径。pages/upload/page页面处理方式，在onload方法完成对小程序中webview页面参数的赋值，这里使用的是。进行文件的的下载，然后通过。

参与评论您还未登录，请先登录后发表或查看评论

iOS之UIWebView无法获取web标题的解决方法

01-04

最近遇到了一个问题，就是在UIWebView的代理方法里，执行document.title的js代码无法获取网页标题，代码如下： - (void)webViewDidFinishLoad:(UIWebView *)webView { // 取加载html文件的标题名 NSString *title = [webView stringByEvaluatingJavaScriptFromString:@document.title]; } 出现这个问题，我首先确定是不是代码的问题，经过分析，发现代码没有改动，但这次却无法获取网页标题，甚是奇怪。经过查找分析，问题是在这一版中，前端人

安卓开发webview无法获取到h5页面document.title后的标题

q9104422999的博客

01-25

1813

在实际开发中安卓webview经常会被用到如果遇到无法获取到h5页面document.title后的标题的情况可参考一下解决方案 mWebView.setWebChromeClient(new WebChromeClient(){ @Override public void onReceivedTitle(WebView view, St...

小程序使用web-view 修改顶部标题 && 安全认证文件部署在nginx

最新发布

每天都要努力学习哦~~

05-25

1131

在小程序开发工具中直接测试是不行的，只有第一次是生效的，后续再改变title的时候，貌似是检测不到的，所以需要使用真机调试来查看，小程序中使用web-view后，会强制显示一个顶部区域，无法隐藏，且这个头部的标题会根据h5的title来显示。中的真机调试就可以看到效果了，当h5切换路由后，小程序的头部标题也会跟随改变。（如：/home/view/nginx/wx-sercret）;可以在浏览器中切换路由来验证h5的页面的title是否会变化。1、nginx目录下新建wx-sercret。

微信小程序webview 顶部title设置

weixin_58328414的博客

02-02

6441

微信小程序webview 顶部title设置

微信小程序页面配置及标题设置

mingcodes的博客

12-17

3337

每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。页面的配置只能设置 app.json 中部分 window 配置项的内容，页面中配置项会覆盖 app.json 的 window 中相同的配置项。官方文档参考：页面配置小程序页面标题设置：一、可以修改页面.json 文件，找到 navigationBarTitleText ，并进行信息编辑，如此一来所有的页面都会默认显...

hack在微信等webview中无法修改title的情况

weixin_30619101的博客

06-24

218

今天下午弄的半天的，最后终于解决了。 APP 上。动态更改了一个网页的标题。只有在IOS 设备上，用微信打开时，标题读不出来。其它都是在正常的，找了半天，还来IOS 在微信打开时，动态更改网页标题不起作用。解决办法如下；上代码: var $body = $('body'); document.title = 'title'; // hack在微信等webv...

解决vue单页面应用中动态修改title问题

01-21

1、Vuejs 单页应用在iOS系统下部分APP的webview中标题不能通过 document.title = xxx 的方式修改该插件只为解决该问题而生(兼容安卓) 2、在vue单页面中，通过浏览器分享到QQ、微信等应用中的链接，只有一个首页...

微信小程序webview页面下载图片

qq_42717883的博客

03-16

1698

微信小程序中使用webview页面下载海报图片

vue-wechat-title:为Vuejs设计的动态设置微信网页中标题的指令

04-12

Vuejs 单页应用在iOS系统下部分APP的webview中标题不能通过 document.title = xxx 的方式修改该插件只为解决该问题而生(兼容安卓) 已测试APP 微信 QQ 支付宝淘宝效果 (请使用以上列表中任意一个APP扫码打开体验)...

hack在微信等webview中无法修改document.title的情况

weixin_30838873的博客

04-11

145

var $body = $('body'); document.title = '确认车牌'; // hack在微信等webview中无法修改document.title的情况 var $iframe = $('<iframe src="/favicon.ico"></iframe>').on('load', function() { setTimeo...

小程序使用web-view 修改顶部标题

weixin_58224778的博客

04-04

5607

小程序中使用web-view后，会强制显示一个顶部区域，无法隐藏，且这个头部的标题会根据h5的title来显示，在小程序开发工具中直接测试是不行的，只有第一次是生效的，后续再改变title的时候，貌似是检测不到的，所以需要使用真机调试来查看，

微信小程序内嵌h5页面，实现动态设置顶部标题的功能

weixin_44431073的博客

11-20

3612

微信小程序、 web-view 、h5、顶部标题

解决app内嵌h5中ios获取不到title，vue router 修改title（IOS 下动态改变title失效）

ZHIYUANfL的博客

01-22

8352

在ios下app 设置document.title = "titleName" 失效，原因是在IOS webview中网页标题只加载一次，动态改变是无效的。 vue中npm install vue-wechat-title组件在路由配置中添加 meta对象如：路由尾部添加Vue.use(require('vue-wechat-title')); //实例化参数所需要动

js：动态修改document.title失效问题

分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等

06-08

5206

问题当在页面异步调接口，拿到 title 后赋值给 document.title，无法修改标题。原因页面加载完后 title 已经确定了，所以不再监听 title 的 change 事件。解决 document.title = this.title; let iframe = document.createElement('iframe'); iframe.src = require('/favicon.ico'); iframe.style.display = 'none'; // 这个就是我们异

document.title无效的解决

waynedyer的博客

03-07

2140

若是iframe里的话,请使用top.document.title看看

Android获取WebView网页中的title详解

ysh_123

06-17

3858

本文主要是介绍在原生APP中打开web页面，获取web的title的几种方法方式一：通过WebChromeClient中onReceivedTitle（）方法来获取测试1：这种是通过加载本地的html文件来实现的，目录src/main/assets/web.html <html> <head> <meta charset="UTF-8"/> </head> <body> <title>我是WebView的title&l

[Android] 获取WebView的页面标题(Title)-----WebChromeClient.onReceivedTitle()方法的重写