浏览器在 App Engine 静态页面上阻止 Mathjax

Question

我正在尝试提供一个包含将由 Mathjax 呈现的 Tex 样式数学的静态页面。这些页面由 Google 应用引擎上的 Flask 应用提供服务。问题是 - Chrome、Opera 和 Edge - 所有浏览器都阻止 Mathjax 渲染 Math，但如果我每次加载页面时从浏览器顶部手动取消阻止它，它就会正常工作。该站点离线运行完美，但是当通过 App Engine 应用程序访问该页面时会出现问题。有什么方法可以防止浏览器阻止脚本？请注意，Mathjax 是从官方 CDN 加载的，但我也尝试过使用本地副本。

示例 link：https://20200407t065833-dot-clip-sync-03.appspot.com/book_preview_chapter_1

Answer 1

主要问题是您在使用 https 的加密页面上通过 http 加载 MathJax - 出于安全原因，浏览器会阻止此类内容。在您的本地计算机上，您可能正在使用 file:// 或 localhost 来加载页面，因此不会出现此问题。

附带说明一下，您还使用了非常旧的 MathJax 版本（cdn.mathjax.org 很久以前就停用了）。最后，页面标记实际上无效 HTML（尽管解析器会修复它）。

这是一个工作示例。

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>TITLE MUST BE NON EMPTY</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  </head>
  <body>
    <h1>অধ্যায় ১</h1>
    <h2>বিভাজ্যতা <br>
    Divisibility </h2>

    <p>বিভাজ্যতা নিয়ে আমরা সবসময়ই জেনে বা না জেনে ভেবেছি। যেমন আমার \(10\) টা চকলেট থাকলে সেগুলো \(5\) জন বন্ধুকে সমানভাবে ভাগ করে দেওয়া যাবে, কিন্তু চারজনকে সমান ভাগ করে দেওয়া যাবে না। অথবা স্কুলের ক্লাসে \(45\) জন ছাত্র থাকলে তারা \(5\) বা \(9\) টা লাইনে সমানভাবে দাঁড়াতে পারে, কিন্তু \(4,6\) বা \(10\) টা লাইনে দাঁড়ালে সব লাইনে সমান সংখ্যক ছাত্র থাকতে পারে না। এই সাধারণ ধারণাগুলোই সংখ্যাতত্ত্বের ভিত্তি। কিন্তু সাধারন এই ধারনাগুলোই জন্ম দিয়েছে অসংখ্য অসাধারন সমস্যার। মানুষ তার কতগুলোর সমাধান করতে  পেরেছে। আবার কতগুলোর কোন কুল-কিনারা করা যায়নি। যেমন বলা যায় ফার্মার শেষ উপপাদ্যের কথা। এই উপপাদ্য বলে, \(n>2\) একটা পূর্ণসংখ্যা হলে এমন তিনটি স্বাভাবিক সংখ্যা \(a,b,c\) পাওয়া যাবে না যেন \(a^n+b^n=c^n\) হয়।  আপাত দৃষ্টিতে সরল দর্শন এই সমস্যার সমাধান করতে মানুষের লেগেছে প্রায় চারশ বছর! যদিও ফার্মা নিজেই চমৎকার একটি প্রমাণ আবিষ্কার করার দাবি করেছিলেন, তবুও তার সত্যতা যাচাই করা যায়নি।</p>
...
</body>
</html>

浏览器在 App Engine 静态页面上阻止 Mathjax

Browser blocking Mathjax on app engine static page

javascript

google-app-engine

browser-security

flask

mathjax