앱 엔진 정적 페이지에서 Mathjax를 차단하는 브라우저

Mutasim Me

Mathjax에서 렌더링 할 Tex 스타일 Math가 포함 된 정적 페이지를 제공하려고합니다. 페이지는 Google 앱 엔진의 Flask 앱에서 제공됩니다. 문제는-Chrome, Opera 및 Edge-모든 브라우저가 Mathjax가 Math를 렌더링하지 못하도록 차단하고 있지만 페이지가로드 될 때마다 브라우저 상단에서 수동으로 차단을 해제하면 제대로 작동합니다. 이 사이트는 오프라인에서 완벽하게 작동하지만 앱 엔진 앱을 통해 페이지에 액세스하면 문제가 발생합니다. 브라우저가 스크립트를 차단하지 못하도록하는 방법은 무엇입니까? Mathjax는 공식 CDN에서로드되지만 로컬 복사본도 사용해 보았습니다.

링크 예 : https://20200407t065833-dot-clip-sync-03.appspot.com/book_preview_chapter_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>

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

플라스크 앱에서 페이지를로드하려고 할 때 브라우저가 중단됨

분류에서Dev

Macbook Pro에서 비정상적인 CPU를 차지하는 Chrome 브라우저

분류에서Dev

브라우저에서 앱 엔진 작업의 폴링 완료

분류에서Dev

서비스 계정이 로컬에서 작동하지만 앱 엔진에 배포 될 때 중단되는 Google 드라이브 인증

분류에서Dev

브라우저 또는 기본 앱에서 Facebook 페이지 링크를 올바르게 열기 IOS Cordova

분류에서Dev

Google 앱 엔진 데이터 저장소에 대용량 데이터를 저장하는 효율적인 방법

분류에서Dev

javaFX 브라우저에서 웹 엔진이 소비 한 메모리를 해제하는 방법

분류에서Dev

웹 페이지는 크기가 커진 글꼴을 표시하는 Android 브라우저를 제외한 모든 브라우저에서 잘 작동합니다.

분류에서Dev

브라우저 / 검색 엔진이 현재 위치 감지를 무시하도록하는 방법

분류에서Dev

gecko 브라우저 엔진을 사용하여 C #에서 앵커 태그를 클릭하는 방법

분류에서Dev

앱 엔진에서 클라우드 SQL 호출을 추적하는 방법이 있습니까?

분류에서Dev

Google 앱 엔진에 앱을 배포하고 API 및 클라이언트를 시작하려는 경우

분류에서Dev

브라우저에서 pdf를 저장할 이름을 지정하는 방법

분류에서Dev

브라우저와 Google 앱 엔진 애플리케이션 간의 통신

분류에서Dev

단일 페이지 : 모든 브라우저 또는 장치에서 페이지 하단에 요소 설정

분류에서Dev

웹 페이지는 ps3를 제외한 모든 브라우저에서 정상적으로 작동합니다. Ps3 브라우저에서 페이지가 아래로 스크롤되지 않습니다.

분류에서Dev

GWT에서 새 브라우저 페이지를 여는 방법

분류에서Dev

$$ 및 \ \는 MathJax를 사용하는 브라우저에서 수학 방정식을 렌더링하지 않습니다.

분류에서Dev

crome 브라우저에서 북마크 페이지를 가져오고 Android 앱에 표시하는 방법은 무엇입니까?

분류에서Dev

heroku 및 netlify의 프런트 엔드에 호스팅 된 백엔드가있는 MERN 앱의 백엔드에서 브라우저에서 쿠키를 수신 / 설정할 수 없음

분류에서Dev

Android 앱 링크-앱 링크를 트리거하지 않고 브라우저의 앱에서 URL 열기

분류에서Dev

차이가 100px 이상인 경우 JavaScript를 사용하여 브라우저 크기 조정에서 페이지 새로 고침

분류에서Dev

사용자를 지원되지 않는 정적 브라우저 페이지로 전환

분류에서Dev

Android-앱 중단시 앱 브라우저 상태 (페이지 + 페이지 내 위치)에 저장

분류에서Dev

Google 앱 엔진에서 '순서'로 결과를 정렬하여 오류 발생

분류에서Dev

내 브라우저에서 chatzum 검색 엔진을 제거하는 방법

분류에서Dev

Instagram API json 데이터는 앱을 통해 잘리지 만 브라우저에서는 정상입니다.

분류에서Dev

React Native : 앱에서 외부 URL을 여는 것과 네이티브 브라우저를 실행하는 것의 차이점은 무엇입니까?

분류에서Dev

다른 버전의 렌더 엔진을 사용하여 헤드리스 브라우저에서 웹 페이지를 렌더링하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    플라스크 앱에서 페이지를로드하려고 할 때 브라우저가 중단됨

  2. 2

    Macbook Pro에서 비정상적인 CPU를 차지하는 Chrome 브라우저

  3. 3

    브라우저에서 앱 엔진 작업의 폴링 완료

  4. 4

    서비스 계정이 로컬에서 작동하지만 앱 엔진에 배포 될 때 중단되는 Google 드라이브 인증

  5. 5

    브라우저 또는 기본 앱에서 Facebook 페이지 링크를 올바르게 열기 IOS Cordova

  6. 6

    Google 앱 엔진 데이터 저장소에 대용량 데이터를 저장하는 효율적인 방법

  7. 7

    javaFX 브라우저에서 웹 엔진이 소비 한 메모리를 해제하는 방법

  8. 8

    웹 페이지는 크기가 커진 글꼴을 표시하는 Android 브라우저를 제외한 모든 브라우저에서 잘 작동합니다.

  9. 9

    브라우저 / 검색 엔진이 현재 위치 감지를 무시하도록하는 방법

  10. 10

    gecko 브라우저 엔진을 사용하여 C #에서 앵커 태그를 클릭하는 방법

  11. 11

    앱 엔진에서 클라우드 SQL 호출을 추적하는 방법이 있습니까?

  12. 12

    Google 앱 엔진에 앱을 배포하고 API 및 클라이언트를 시작하려는 경우

  13. 13

    브라우저에서 pdf를 저장할 이름을 지정하는 방법

  14. 14

    브라우저와 Google 앱 엔진 애플리케이션 간의 통신

  15. 15

    단일 페이지 : 모든 브라우저 또는 장치에서 페이지 하단에 요소 설정

  16. 16

    웹 페이지는 ps3를 제외한 모든 브라우저에서 정상적으로 작동합니다. Ps3 브라우저에서 페이지가 아래로 스크롤되지 않습니다.

  17. 17

    GWT에서 새 브라우저 페이지를 여는 방법

  18. 18

    $$ 및 \ \는 MathJax를 사용하는 브라우저에서 수학 방정식을 렌더링하지 않습니다.

  19. 19

    crome 브라우저에서 북마크 페이지를 가져오고 Android 앱에 표시하는 방법은 무엇입니까?

  20. 20

    heroku 및 netlify의 프런트 엔드에 호스팅 된 백엔드가있는 MERN 앱의 백엔드에서 브라우저에서 쿠키를 수신 / 설정할 수 없음

  21. 21

    Android 앱 링크-앱 링크를 트리거하지 않고 브라우저의 앱에서 URL 열기

  22. 22

    차이가 100px 이상인 경우 JavaScript를 사용하여 브라우저 크기 조정에서 페이지 새로 고침

  23. 23

    사용자를 지원되지 않는 정적 브라우저 페이지로 전환

  24. 24

    Android-앱 중단시 앱 브라우저 상태 (페이지 + 페이지 내 위치)에 저장

  25. 25

    Google 앱 엔진에서 '순서'로 결과를 정렬하여 오류 발생

  26. 26

    내 브라우저에서 chatzum 검색 엔진을 제거하는 방법

  27. 27

    Instagram API json 데이터는 앱을 통해 잘리지 만 브라우저에서는 정상입니다.

  28. 28

    React Native : 앱에서 외부 URL을 여는 것과 네이티브 브라우저를 실행하는 것의 차이점은 무엇입니까?

  29. 29

    다른 버전의 렌더 엔진을 사용하여 헤드리스 브라우저에서 웹 페이지를 렌더링하는 방법은 무엇입니까?

뜨겁다태그

보관