InstantClick は MathJax、Baidu Statistics、その他のソリューションと互換性があります

この記事では、InstantClick を MathJax や Baidu Statistics などに対応させる方法を主に紹介します。編集者が非常に優れていると思ったので、参考として共有します。編集者をフォローして見てみましょう

以前、ブログ上の LaTex (MathJax によって実装) が壊れていると一部のネチズンが言及していましたが、その理由は、Web ページを数秒で開く効果を実現するためにここで instantclick が使用されているためです。ただし、Instantclick はヘッド領域にある JavaScript コードを再実行しないため、MathJax、Baidu Statistics、Google Analytics、Google Code Prettify などの多くのツール ソフトウェアは、JS ファイルをヘッド領域に直接挿入します。これにより、インスタントクリック後にこれらのツールが無効になり、再構成が必要になります。

これらのツールのコード自体は複雑ではなく、任意の場所に配置できます。ただし、InstantClick.init(); の前に次のコードを追加します:

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

このコードの意味は、ページがリロードされるたびに直接関数呼び出しを介して MathJax、Baidu Statistics、Google Code Prettify、Google Analytics を実装することです。 。

以上がInstantClick は MathJax、Baidu Statistics、その他のソリューションと互換性がありますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。