ios微信分享设置title怎么弄?在微信里面分享是一个很重要的功能,而title决定着你的分享会不会有人看看。那么ios微信分享时如何设置title。下面和小编一起看看ios微信分享设置title怎么弄?

ios微信分享设置title怎么弄?

说到web前端,浏览器差异是不可回避的问题,这次的问题如下:

单页应用里整个页面只会在第一次完全刷新,后面只会局部刷新(一般不包括head及里面的title),所以无法在服务器端控制title,只能在页面刷新的时候通过js修改title。常规做法如下,可惜在iOS微信浏览器无效。

document.title = "the title you want to set";1

解决方法:

var $body = $('body');

document.title = 'the title you want to set';

var $iframe = $("");

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

setTimeout(function() {

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

}, 0);

}).appendTo($body);12345678

原理比较简单,之前是因为微信浏览器首次加载页面初始化title后,就再也不监听

document.title的change事件。而这里修改title之后,给微信页面加上一个内容为空的iframe,随后立即删除这个iframe,这时候会刷新title。

该方法不是原创,出处很多。

问题要是单纯这样,我就不会半夜写这篇博客了,经过测试可得,在iframe加载和删除的时候,iOS页面会有几毫秒的闪动(有灰色的框),Android直接有灰色的框出现在页面不消失。

一开始并没有发现问题出在这里,后来通过git版本回退比较,才定位到问题。既然是因为这个iframe显示和隐藏给页面显示造成了影响,那一开始加载iframe的时候,就将该iframe的样式设置为:

display: none;1

改进的微信代码如下:

var $body = $('body');

document.title = 'the title you want to set';

var $iframe = $("");

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

setTimeout(function() {

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

}, 0);

}).appendTo($body);12345678

这样就解决了这个问题,同时因为display:none这个设置,iframe是脱离文本流的,那么加载和删除这个iframe都不会改变文本流,也不会触发页面渲染,性能会好一些。

以上就是ios微信分享设置title怎么弄?的全部内容了,总的来说,就是使用js动态修改设置了,更多微信中的问题,欢迎关注微微风哦,感谢大家的支持。

相关推荐:

iOS微信分享服务器设置,ios微信分享设置title怎么弄?相关推荐

  1. 微信广告服务器地址,【微信广告服务商平台】微信广告服务商平台运营经验分享!...

    微信广告服务商平台运营经验分享!现在微信有两种广告形式,一种是在微信文章底部放置广告,另一种是在微信朋友圈投放广告.下面小编就给大家分享一些关于微信广告服务商平台运营的经验! 一.朋友圈的文案 好友圈 ...

  2. 苹果怎么取消微信订阅服务器,教程:取消微信免密支付授权功能设置

    随着移动支付的飞速发展,第三方支付平台也越来越多,特别是微信支付宝的普及,给大家带来了极大的便利.之前我们出门必备的银行卡.现金等已经被一部手机取代了.回想一下,小编已经记不清自己上次带钱包出门是什么 ...

  3. wp版微信定位服务器,WP Weixin 微信登录服务连接器

    WP Weixin 提供 WordPress 和微信之间的集成.在微信浏览器中自动注册或认证用户,使用微信创建帐户或通过微信扫描 QR 代码在计算机上进行认证,在微信朋友圈中分享文章和对话,或扩展插件 ...

  4. 微信支付宝服务器分布,支付宝微信扫码支付中间件「第二届立创商城电子制作节30强作品」...

    原标题:支付宝微信扫码支付中间件「第二届立创商城电子制作节30强作品」 本作品为第二届立创商城电子制作节30强入围作品,作者立创社区ID:云逸Baby:转载请注明出处,未经允许不得用作商业用途.作品原 ...

  5. 苹果7微信提醒服务器,苹果7plus微信有消息时候怎么不提醒

    2018-05-16 看到微信消息提醒,为什么打开没有消息 1.想要让微信信息有提醒,其实跟手机的设置没有多大的关系,主要的还是微信的设置:所以首要做的就是登陆你的微信,然后在去找到里面的设置功能:  ...

  6. 北斗微信与服务器怎么联接,微信怎么绑定北斗导航

    微信是一个很多用户都会使用的社交软件,这款软件是大家平时生活中会经常使用的社交软件,很多用户都会使用这款软件进行线上交友,现在用户在使用这款软件的时候,还可以绑定自己的账号进行使用,现在用户在出行的时 ...

  7. 微信转账服务器有问题,微信出现大面积故障:内容分享、转账功能均失效

    刚刚,就在刚刚,微信服务器出现大面积故障,部分用户微信无法转账,从其他APP分享文章.音乐到微信则提示当前网络不可用. 已经有些数不清这是微信的第几次故障了. 8月21日下午,微信被爆出现大面积故障, ...

  8. 微信的服务器域名地址,微信服务器域名设置

    senparclsx 15 个回复 • 查看 447 次 • 53天前 sy87468118 14 个回复 • 查看 354 次 • 100天前 magiboy 13 个回复 • 查看 711 次 • ...

  9. 微信支付服务器demo,集成微信支付(附带demo)

    首先忽略掉申请AppKey的步骤,直接从集成开始 1.cocopods集成SDK pod 'WechatOpenSDK' 2.添加依赖库 SystemConfiguration.framework, ...

  10. 微信连接服务器错误代码1500,微信公众号错误代码10003的解决方法

    微信公众号错误代码10003的解决方法 发布时间:2021-01-18 09:07:41 来源:亿速云 阅读:422 作者:小新 这篇文章将为大家详细讲解有关微信公众号错误代码10003的解决方法,小 ...

最新文章

  1. Centos6,7默认启动模式的更改
  2. HTML怎么编写可关闭广告,JS实现关闭小广告特效
  3. Xposed框架实战
  4. (转)Unity3d UnityEditor编辑器定制和开发插件
  5. java导出excel并压缩
  6. HTML阅读位置,script在HTML文档中位置
  7. 中文整合包_MIMOSA2: 基于微生物组和代谢组数据的整合分析
  8. 【雷军】给程序员的五点建议--如何成为编程高手并以此创业
  9. 女神节,来聊聊这几位神一般的“程序媛”
  10. mui ajax的值php怎样获取,Mui-ajax获取服务器请求
  11. 手动搭建latex公式渲染服务器
  12. IE 浏览器 js new Date NAN
  13. vim学习、各类插件配置与安装【转】
  14. stm32usb转串口驱动_新品推荐:乐扩PCI-E转8口RS-232串口卡 支持短铁片
  15. 课时3:小插曲之变量和字符串
  16. ugp和千幻魔镜买哪个好_美的空调和格力空调哪个好?这两个牌子您会买哪个?...
  17. Java基于POI来给导出的Excel动态添加水印
  18. C#箴言:定义常量的两种方法
  19. 浏览器检测是否支持webrtc(看看你的浏览器能不能h5视频)
  20. python技术--Linux基础01

热门文章

  1. 烈日炎炎,向亲爱的爸爸说声辛苦了
  2. 开通百度通用翻译API---主打个人标准版
  3. 计算机英语二国家线,考研英语二国家线-考研英语二历年国家线!
  4. 再谈Dominator Tree的计算
  5. lae界面开发工具入门之介绍五--秘籍篇-杂项
  6. Vue_(基础)Vue中的事件
  7. 用一报还一报(TIT FOR TAT)策略的胜利指导我们的生活和人际交往
  8. r语言员工离职_离职员工预测--python
  9. R:员工离职预测实战
  10. Predicting microRNA–disease associations from lncRNA–microRNA interactions via Multiview Multitask