详解如何让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的重新运行。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
说明 调用方法： $.f2e.util.statpid.baidu(code) 函数说明： 需求方一般提供百度统计代码如下，前端人员只需要把//hm.baidu.com/hm.js?后的a7a9f8f6ef651080e47a518fce18d94d做为code参数 <script> var _hmt = _hmt || []; (function() { var
-
使用指南 - 代码安装 - 代码检查 - 百度统计助手 介绍 百度统计助手是基于Chrome浏览器的一个插件，帮助用户检查百度统计代码是否安装正确，同时可以语义化页面内百度统计相关请求日志。 安装 1.下载插件压缩包并解压到本地（点击下载）； 2.打开chrome浏览器扩展程序； 3.打开扩展程序后，打开开发者模式，点击【加载已解压扩展程序】选择刚刚解压好的文件夹或者直接拖拽文件夹到扩展程序面板内
-
百度统计 Tongji API 可以为网站接入者提供便捷的获取网站流量数据的通道, 从而使网站接入者可向网站帐号提供数据分析、运营监控、网站推广等服务。
-
添加百度统计组件，用于统计页面数据。 标题 内容 类型 通用 支持布局 N/S 所需脚本 https://c.mipcdn.com/static/v2/mip-stats-baidu/mip-stats-baidu.js 说明 MIP 百度统计组件基于百度统计 API，请参照 API 将参数配置在 MIP 页。目前事件追踪支持 click, mouseup, load，其它事件暂不支持。 示例 M
-
使用指南 - 数据报告 - 访客分析 - 百度统计如何定义一个访客 一天之内您网站的独立访客数(以Cookie为依据)，一天内同一访客多次访问您网站只计算1个访客(uv)。
-
新手入门 - 百度统计服务条款 百度统计服务条款 本服务条款（以下简称“本协议”）由北京百度网讯科技有限公司（以下简称“百度”）与您（以下简称“您”或“用户”）订立，用于规范您对百度统计（以下简称“本服务”）的使用。只要您点击 “确定”按钮、完成注册程序或开通、使用本服务，即代表您已理解并同意本协议，特别是以黑体字标示出的关于百度统计及您重大权益的条款均以知晓、理解并接受，同意将其作为确定双方权利