ios以及微信页面中title动态修改失效问题

最新推荐文章于 2020-10-30 11:36:42 发布

Half0pen

最新推荐文章于 2020-10-30 11:36:42 发布

阅读量3.5k

点赞数

分类专栏： front end

front end 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

方法一（ios下有效）

作者：zhoukekestar
链接：https://www.zhihu.com/question/26228251/answer/114387428 来源：知乎
著作权归作者所有，转载请联系作者获得授权。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>title1</title>
  </head>
  <body>
    <script>

      document.setTitle = function(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);
      }

      setTimeout(function(){
        document.setTitle('hello')
      }, 1000)

    </script>
  </body>
</html>

方法二（这个ios和微信端都有效）

var $body = $('body')
document.title = ‘title’
// hack在微信等webview中无法修改document.title的情况
var $iframe = $('<iframe src="/favicon.ico"></iframe>').on('load', function() {
  setTimeout(function() {
    $iframe.off('load').remove()
  }, 0)
}).appendTo($body)

作者：小伟链接：http://www.zhihu.com/question/27849091/answer/38399344
来源：知乎
著作权归作者所有，转载请联系作者获得授权。

Half0pen

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ios以及微信页面中title动态修改失效问题

方法一（ios下有效）作者：zhoukekestar 链接：https://www.zhihu.com/question/26228251/answer/114387428 来源：知乎著作权归作者所有，转载请联系作者获得授权。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>title1<
复制链接

扫一扫

专栏目录