https://time-friend.com/zh/tags/wechat/Recent content in WeChat on Time FriendHugozh-CNThu, 26 May 2016 11:43:05 +0000https://time-friend.com/zh/archive/wechat-browser-dynamically-modify-title/Thu, 26 May 2016 11:43:05 +0000https://time-friend.com/zh/archive/wechat-browser-dynamically-modify-title/<h2 id="微信浏览器动态修改title">微信浏览器动态修改Title</h2> <p>为什么会有这么一篇文章?之前在做spa页面开发的时候,发现了一件非常匪夷所思的事情.</p> <p>下面这段代码在微信浏览器里,是无效的.</p> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span>document.<span style="color:#a6e22e">title</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;我是标题&#34;</span> </span></span></code></pre></div><p>标题第一次生成后,就无法在改变.</p> <p>不过没有关系,</p> <p>下面我们用黑魔法般的代码,来完成微信浏览器里title的修改.</p> <!-- more --> <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"><code class="language-javascript" data-lang="javascript"><span style="display:flex;"><span>document.<span style="color:#a6e22e">title</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;我是标题&#34;</span>; </span></span><span style="display:flex;"><span><span style="color:#66d9ef">var</span> <span style="color:#a6e22e">iframe</span> <span style="color:#f92672">=</span> document.<span style="color:#a6e22e">createElement</span>(<span style="color:#e6db74">&#34;iframe&#34;</span>); </span></span><span style="display:flex;"><span><span style="color:#a6e22e">iframe</span>.<span style="color:#a6e22e">src</span> <span style="color:#f92672">=</span> <span style="color:#e6db74">&#34;/favicon.ico&#34;</span>; </span></span><span style="display:flex;"><span>document.<span style="color:#a6e22e">body</span>.<span style="color:#a6e22e">appendChild</span>(<span style="color:#a6e22e">iframe</span>); </span></span><span style="display:flex;"><span><span style="color:#a6e22e">iframe</span>.<span style="color:#a6e22e">onload</span> <span style="color:#f92672">=</span> <span style="color:#66d9ef">function</span>() { </span></span><span style="display:flex;"><span> <span style="color:#a6e22e">setTimeout</span>(<span style="color:#66d9ef">function</span>() { </span></span><span style="display:flex;"><span> document.<span style="color:#a6e22e">body</span>.<span style="color:#a6e22e">removeChild</span>(<span style="color:#a6e22e">iframe</span>); </span></span><span style="display:flex;"><span> }, <span style="color:#ae81ff">0</span>) </span></span><span style="display:flex;"><span>} </span></span></code></pre></div><p>就是这样,title改变了.</p>