浏览器在应用引擎静态页面上阻止 Mathjax答案

【问题标题】：Browser blocking Mathjax on app engine static page浏览器在应用引擎静态页面上阻止 Mathjax
【发布时间】：2020-07-23 13:58:05
【问题描述】：

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

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

【问题讨论】：

标签： javascript google-app-engine flask mathjax browser-security

【解决方案1】：

主要问题是您通过 http 在使用 https 的加密页面上加载 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>

【讨论】：