MathJax, Baidu Statistics 등과 호환되도록 InstantClick을 설정하는 방법

이번에는 MathJax 및 Baidu Statistics 등과 호환되도록 InstantClick을 설정하는 방법을 보여 드리겠습니다. MathJax 및 Baidu Statistics 등과 호환되도록 InstantClick을 설정하는 방법에 대한 Notes는 무엇입니까? 다음은 실제 사례를 살펴보겠습니다.

일부 네티즌들은 블로그의 LaTex(MathJax로 구현)가 깨졌다고 언급했는데, 그 이유는 여기에서 인스턴트클릭을 사용하여 몇 초 만에 웹페이지를 여는 효과를 얻기 때문입니다. 그러나 instantclick은 head 섹션에 있는 JavaScript 코드를 다시 실행하지 않으므로 MathJax, Baidu Statistics, Google과 같은 많은 도구 소프트웨어 분석, 구글 코드 Prettify와 같은 소프트웨어는 JS 파일을 헤드 영역에 직접 삽입합니다. 이로 인해 인스턴트 클릭 후에 이러한 도구가 유효하지 않게 되어 재구성이 필요합니다.

구성은 복잡하지 않으며, 이러한 도구의 코드 자체는 수정할 필요가 없으며 원하는 대로 배치할 수 있습니다. 하지만 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>

이 코드의 의미는 페이지가 reloaded될 때마다 MathJax, Baidu Statistics, Google Code Prettify 및 Google Analytics가 직접 function 호출을 통해 다시 실행된다는 것입니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

위 내용은 MathJax, Baidu Statistics 등과 호환되도록 InstantClick을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!