Рендеринг WebView с MathJax очень медленный - PullRequest
Новая
       19

Рендеринг WebView с MathJax очень медленный

0 голосов
/ 24 мая 2019

Я передаю HTML-строку, содержащую текст в формате Tex, в WebView, который использует библиотеку MathJax (доставляется через CDN) для визуализации веб-страницы. Проблема в том, что приложению требуется много времени для завершения всего этого процесса. На моем Galaxy S7 edge при хорошем wifi-соединении рендеринг даже очень короткой строки, такой как $$ X ^ 2 $$, занимает почти 2 минуты. Мой вопрос:

  1. Какая часть программы действительно отвечает за такую ​​задержку?
  2. Как это улучшить?

Код: 

package com.example.mutas.mathjaxpilot;

import android.Manifest;
import android.content.DialogInterface;
import android.content.pm.PackageManager;
import android.support.v4.app.ActivityCompat;
import android.support.v4.content.ContextCompat;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.EditText;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        final String front = "<html>" +
                "    <head>" +
                "        <script src=\'https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML\' async></script>" +
                "    </head>" +
                "    <body>";

        final String back = " </body>" +
                "</html>" ;


        final WebView webView = (WebView) findViewById(R.id.webView);
        final EditText editText = (EditText) findViewById(R.id.editText);

        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);


        editText.setOnClickListener(
                new EditText.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        String content = editText.getText().toString();
                        content = front + "\\( " + content + " \\)" + back;
                        webView.loadData(content, "text/html; charset=utf-8", "UTF-8");
                    }
                }
        );


        if (ContextCompat.checkSelfPermission(MainActivity.this, Manifest.permission.INTERNET)
                != PackageManager.PERMISSION_GRANTED) {
            // Permission is not granted
            ActivityCompat.requestPermissions(MainActivity.this,
                    new String[]{Manifest.permission.INTERNET},
                    1);
        }
        //webView.loadUrl("file:///android_asset/test.html");
    }
}

1 Ответ

1 голос
/ 24 мая 2019

Сложно сказать, что вызывает такие задержки.Что бы я сделал, это изолировал проблему, шаг за шагом сокращал код до тех пор, пока он ничего не делал, кроме запуска пустого приложения.

Одна вещь, которую я бы попробовал в самом начале, - это избежать веб-запроса.,Поскольку это локально установленное приложение, вы можете доставить библиотеку "MathJax.js" в качестве ресурса вместе с приложением, таким образом вы можете сэкономить веб-запрос. 

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=no">
    ...
    <script src="file:///android_asset/html/MathJax.js"></script>
</head>
...
...