Android微信浏览器标题,微信浏览器设置网页标题

一般设置网页标题只需要document.title = ‘首页’就可以

但是奈何微信浏览器比较特殊

只渲染一次便不再更新title

所以可以先创建一个iframe

然后再删除

亲测有效

setTitle(t) {

document.title = t

var i = document.createElement('iframe')

// i.src = '//m.baidu.com/favicon.ico'

i.style.display = 'none'

i.onload = function() {

setTimeout(function() {

i.remove()

}, 9)

}

document.body.appendChild(i)

}

方法调用setTitle(‘首页’)

在vue中，不同的页面设置不同的标题

可以在路由中设置

b1bb5ab5a9c5

路由设置meta(scrollTop是在路由跳转时默认回到最上面位置，title就是网页标题)

然后在路由跳转监测时(在app.vue)

watch: {

'$route' (to, from) {

this.documentTitle = to.meta.title ? to.meta.title : ''

document.title = this.documentTitle

// web-view下的页面内

console.log('isMiniprogram', window.__wxjs_environment === 'miniprogram')

// window.webkit.messageHandlers.WXPay.postMessage({body: 'abc'})

this.toPath = to.path

this.fromPath = from.path

// 页面需要滚动到顶部

if (to.matched.some(m => m.meta.scrollToTop)) {

setTimeout(_ => {

document.body.scrollTop = 0

}, 300)

}

完美

Android微信浏览器标题,微信浏览器设置网页标题相关推荐

微信小程序动态更改标题栏_微信小程序实现动态设置页面标题的方法【附源码下载】...
本文实例讲述了微信小程序实现动态设置页面标题的方法.分享给大家供大家参考,具体如下: 1.效果展示 2.关键代码 ① WXML文件标题1 标题2 标题3 还原 ② JS文件 Page({ // 设置 ...
HTML：如何设置网页标题上的图标
hello,大家好,我是wangzirui32,今天我们来学习如何设置网页标题上的图标,开始学习吧! 其实很简单,先准备一个ico图标文件,再使用link标签即可,代码如下: <!DOCTYPE ...
如何设置网页标题图标 FavIcon
如何设置网页标题图标很多时候我们看到浏览器的选项卡标题前有时会有一个图标,感觉很不错,那么实现的原理就是,在head标签对之间加入<link rel="shortcut icon&q ...
微信小程序三（设置页面标题）
页面写好了,总感觉哪里不爽,对,就是那,每个页面的标题都一样,都是 Wechat cou 呀真cou, 那咱就单独说说,如何设置页面标题. 设置页面标题 ,相当的简单, 找到所在页面的目录,新建一 ...
html中怎么改标题,html怎么改网页标题
在html中,可以使用title标签修改网页标题,具体语法格式为" 网页标题内容".title元素可定义文档的标题,浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标 ...
html中设置表格标题的代码,设置表格标题的html代码是什么_WEB前端开发
一分钟了解CSS的主要功能_WEB前端开发 CSS是是一种用来表现HTML或XML等文件样式的计算机语言.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化. 设置表格标 ...
linux脚本加标题,bash-从shell脚本设置屏幕标题
我是通过与其他人进行实验(例如@ flurin-arner)而获得此解决方案的,我启动了@ weston-ganger set-title(). 我还使用了@ imgx64 PROMPT_DIRTRI ...
echarts设置标题样式,echarts设置主标题和副标题样式
1.标题想将文字为标题,只需要在文字前面加上 #,再在 # 后加一个空格即可. 可分为一.二.三.四.五.六级标题,只需要增加 # , 每增加一个 # ,标题字号相应降低一级. 代码如下: 效果如下 ...
怎么改vue项目的标题_Vue动态修改网页标题的方法及遇到问题
业务需求,进入页面的时候,网页有个默认标题,加载的网页内容不同时,标题需要变更. 例:功能授权,功能授权(张三). Vue下有很多的方式去修改网页标题,这里总结下解决此问题的几种方案: 一.最笨方案 ...

Android微信浏览器标题,微信浏览器设置网页标题

Android微信浏览器标题,微信浏览器设置网页标题相关推荐

最新文章

热门文章