欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
威海百度微信小程序_详解怎么让InstantClick兼容
时间: 2021-01-11 14:32 浏览次数:
详细说明怎样让InstantClick适配MathJax、百度搜索统计分析等 以前有网民谈及blog上的LaTex(由MathJax完成)坏没了,其缘故是这儿应用了instantclick,以做到网页页面秒开的实际效果。但
详解如何让InstantClick兼容MathJax、百度统计等       本篇文章主要介绍了如何让InstantClick兼容MathJax、百度统计等,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

之前有网友提及博客上的LaTex(由MathJax实现)坏掉了,其原因是这里使用了instantclick,以达到网页秒开的效果。但由于instantclick不会重新运行位于head部分的JavaScript代码,而很多工具性软件,比如MathJax、百度统计、Google Analytics、Google Code Prettify等软件都是直接将JS文件插入到head区域。这导致这些工具在instantclick点击后失效,需要重新配置。

配置并不复杂,这些工具本身的代码不用做任何修改,该怎么放还怎么放。但在InstantClick.init();之前添加以下代码:

 script data-no-instant 
InstantClick.on('change', function(isInitialLoad) {
 if (isInitialLoad === false) {
 if (typeof MathJax !== 'undefined') // support MathJax
 MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
 if (typeof prettyPrint !== 'undefined') // support google code prettify
 prettyPrint();
 if (typeof _hmt !== 'undefined') // support 百度统计
 _hmt.push(['_trackPageview', location.pathname + location.search]);
 if (typeof ga !== 'undefined') // support google analytics
 ga('send', 'pageview', location.pathname + location.search);
InstantClick.init();
 /script 

这段代码的含义是每次页面重载时,通过直接的函数调用来实现MathJax、百度统计、Google Code Prettify、Google Analytics的重新运行。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。


下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园