Heim  >  Artikel  >  Web-Frontend  >  So richten Sie InstantClick so ein, dass es mit MathJax, Baidu Statistics usw. kompatibel ist.

So richten Sie InstantClick so ein, dass es mit MathJax, Baidu Statistics usw. kompatibel ist.

php中世界最好的语言
php中世界最好的语言Original
2018-04-17 16:55:101530Durchsuche

Dieses Mal zeige ich Ihnen, wie Sie InstantClick so einrichten, dass es mit MathJax und Baidu Statistics usw. kompatibel ist. Welche Vorsichtsmaßnahmen gibt es, um InstantClick so einzurichten, dass es mit MathJax und Baidu Statistics usw. kompatibel ist? Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Einige Internetnutzer haben zuvor erwähnt, dass LaTex (implementiert von MathJax) im Blog kaputt ist. Der Grund dafür ist, dass Instantclick hier verwendet wird, um den Effekt zu erzielen, dass die Webseite in Sekundenschnelle geöffnet wird. Da Instantclick jedoch den JavaScript-Code im Abschnitt head nicht erneut ausführt, sind viele Tool-Softwareprogramme wie MathJax, Baidu Statistics und Google Analytics, Google-Code Software wie Prettify fügt JS-Dateien direkt in den Kopfbereich ein. Dies führt dazu, dass diese Tools nach Instantclick ungültig werden und eine Neukonfiguration erfordern.

Die Konfiguration ist nicht kompliziert. Die Codes dieser Tools selbst müssen in keiner Weise geändert werden und können nach Belieben platziert werden. Fügen Sie jedoch vor InstantClick.init(); den folgenden Code hinzu:

<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>

Die Bedeutung dieses Codes besteht darin, dass jedes Mal, wenn die Seite neu geladen wird , MathJax, Baidu Statistics, Google Code Prettify und Google Analytics durch direkte Funktionsaufrufe erneut ausgeführt werden.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:



Das obige ist der detaillierte Inhalt vonSo richten Sie InstantClick so ein, dass es mit MathJax, Baidu Statistics usw. kompatibel ist.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn