「MathJax バージョンチェック」の版間の差分

2025年1月8日 (水) 21:57時点における版

MathJaxに戻る。

概要

　MathJaxはバージョンを指定して利用しますが、最新版とかと宣言してるときは、バージョンいくつを使っているかわからなくなります。そういうときのためのバージョンチェックを行うJavaScriptを紹介しておきます。MathJaxを使っているページのHTMLに埋め込むだけのスクリプトです。

　<div id="output">Checking environment...</div>

　<div id="version">Loading MathJax version...</div>
<script type="text/javascript">
// 読み込み後にグローバルスコープのオブジェクトを調べる
window.onload = function() {
  const keys = Object.keys(window).sort(); // グローバル変数を列挙
  const output = keys.includes("MathJax") ? "MathJax is defined." : "MathJax is not defined. Global keys: " + keys.join(", ");
  document.getElementById("output").textContent = output;

  if (typeof MathJax !== "undefined") {
    if(MathJax.version) {
    // MathJax のバージョンを取得して表示
      document.getElementById("version").textContent = "MathJax version: " + MathJax.version;
    }
  } else {
    console.error("MathJax is not defined or failed to load.");
    document.getElementById("version").textContent = "MathJax failed to load.";
  }
};
</script>

　以下のように動作します。

Checking environment...

Loading MathJax version...

Mathjax 2.7に戻る。

MathJaxに戻る。

@@ 1行目: / 1行目: @@
+<freescript></script>
+<script type="text/x-mathjax-config">
+  MathJax.Ajax.config.path["Contrib"]="https://wiki.yo-net.jp/mathjax/";
+  MathJax.Hub.Register.StartupHook("TeX Jax Ready",function (){
+    MathJax.Hub.Insert(
+      MathJax.InputJax.TeX.Definitions.macros,{
+        cancel: ["Extension","cancel"],
+        bcancel: ["Extension","cancel"],
+        xcancel: ["Extension","cancel"],
+        cancelto: ["Extension","cancel"]
+      }
+    );
+  });
+  MathJax.Hub.Config(
+    {
+      tex2jax:{
+        inlineMath: [['\\@','\\@'],['\\(','\\)']],
+        processEscapes: true
+      },
+      TeX:{
+        equationNumbers:{autoNumber: "AMS"},
+        extensions: ["[Contrib]/physics/physics.js","[Contrib]/siunitx/siunitx.js"]
+      },
+      "HTML-CSS": {
+        undefinedFamily: "'Neo Euler Medium', Meiryo, STIXGeneral, 'Arial Unicode MS', serif",
+        webFont :"Neo Euler Medium"
+      }
+    }
+  );</script>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.9/latest.js?config=TeX-AMS_HTML-full"></script>
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/vs2015.css">
+<link rel="stylesheet" href="https://wiki.yo-net.jp/custom.css">
+<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
+<script src="https://wiki.yo-net.jp/custom.js"></script>
+<script></freescript>
 [[MathJax]]に戻る。
 [[Mathjax 2.7]]に戻る。
+== '''概要''' ==
+　MathJaxはバージョンを指定して利用しますが、最新版とかと宣言してるときは、バージョンいくつを使っているかわからなくなります。そういうときのためのバージョンチェックを行うJavaScriptを紹介しておきます。MathJaxを使っているページのHTMLに埋め込むだけのスクリプトです。
+<freescript></script>
+<div class="hljs-wrap"><pre data-label="MathjaxVersionCheck.html" class="pre-wrap">
+<code class="language-html">　<div id="output">Checking environment...</div>
+　<div id="version">Loading MathJax version...</div>
+<script type="text/javascript">
+// 読み込み後にグローバルスコープのオブジェクトを調べる
+window.onload = function() {
+  const keys = Object.keys(window).sort(); // グローバル変数を列挙
+  const output = keys.includes("MathJax") ? "MathJax is defined." : "MathJax is not defined. Global keys: " + keys.join(", ");
+  document.getElementById("output").textContent = output;
+  if (typeof MathJax !== "undefined") {
+    if(MathJax.version) {
+    // MathJax のバージョンを取得して表示
+      document.getElementById("version").textContent = "MathJax version: " + MathJax.version;
+    }
+  } else {
+    console.error("MathJax is not defined or failed to load.");
+    document.getElementById("version").textContent = "MathJax failed to load.";
+  }
+};
+</script>
+</code></pre><div>
+<script></freescript>
+　以下のように動作します。
+　<div id="output">Checking environment...</div>
+　<div id="version">Loading MathJax version...</div>
+<freescript></script>
+<script type="text/javascript">
+// 読み込み後にグローバルスコープのオブジェクトを調べる
+window.onload = function() {
+  const keys = Object.keys(window).sort(); // グローバル変数を列挙
+  const output = keys.includes("MathJax") ? "MathJax is defined." : "MathJax is not defined. Global keys: " + keys.join(", ");
+  document.getElementById("output").textContent = output;
+  if (typeof MathJax !== "undefined") {
+    if(MathJax.version) {
+    // MathJax のバージョンを取得して表示
+      document.getElementById("version").textContent = "MathJax version: " + MathJax.version;
+    }
+  } else {
+    console.error("MathJax is not defined or failed to load.");
+    document.getElementById("version").textContent = "MathJax failed to load.";
+  }
+};
+</script>
+<script></freescript>
+[[Mathjax 2.7]]に戻る。
+[[MathJax]]に戻る。