Android WebView, загрузка файла JavaScript в папку активов - PullRequest
16 голосов
/ 13 апреля 2011

Я видел, что этот вопрос задавался много раз, но все еще не удается заставить мой код работать.

Я хочу, чтобы мой веб-просмотр загрузил какой-то URL (например, www.google.com), а затем примените некоторый javascript, сохраненный в assets/jstest.js, который содержит следующее:

function test(){
document.bgColor="#00FF00"; //turns to green the background color
}

И вот где я пытаюсь загрузить JS:

@Override  
public void onPageFinished(WebView view, String url){
    view.loadUrl("javascript:(function() { "
                + " document.bgColor='#FF0000';" //turns to red the background color
                + " var script=document.createElement('script'); "
                + " script.setAttribute('type','text/javascript'); "
                + " script.setAttribute('src', 'file:///android_asset/jstest.js'); "
                + " script.onload = function(){ "
                + "     test(); "
                + " }; "
                + " document.getElementsByTagName('head')[0].appendChild(script); "
                + "})()"); 
} 

Я знаю, что здесь работает javascript, потому что цвет фона фактически становится красным, но по какой-то причине он не загружается jstest.js.Я думаю, что проблема может быть в пути к файлу (я уверен, что каждая вторая строка кода JavaScript верна), но для меня это выглядит правильно.И файл находится в нужной папке.

Чего мне не хватает?

РЕДАКТИРОВАТЬ :

Поскольку класс WebResourceResponse доступен только с APIУровень 11, вот что я понял в конце.

public void onPageFinished(WebView view, String url){
        String jscontent = "";
        try{
            InputStream is = am.open("jstest.js"); //am = Activity.getAssets()
            InputStreamReader isr = new InputStreamReader(is);
            BufferedReader br = new BufferedReader(isr);

            String line;
            while (( line = br.readLine()) != null) {
                jscontent += line;
            }
            is.close(); 
        }
        catch(Exception e){}
        view.loadUrl("javascript:(" + jscontent + ")()"); 
    } 

с jstest.js, просто содержащим:

function() {
    document.bgColor="#00FF00";
}

Ответы [ 5 ]

8 голосов
/ 14 апреля 2011

Я попробовал то же самое, загрузив букмарклет (код javascript в вашем вызове loadUrl ()) на стороннюю страницу.Мой букмарклет также зависит от других ресурсов (файлов javascript и css), которые не будут загружаться с файлом: /// android_asset URL.

Это потому, что контекст безопасности страницы по-прежнему равен, например, http://www.google.com, и это не разрешено доступ к файлу: URL-адреса.Вы сможете увидеть ошибки, если вы укажете / переопределите WebChromeClient.onConsoleMessage ().

В результате я получил кластер, в котором я изменил ссылки на ресурсы букмарклета на фиктивную схему URL, например:

asset:foo/bar/baz.js

и добавил переопределение WebViewClient.shouldInterceptRequest (), которое ищет и загружает их из ресурсов с помощью AssetManager.open ().

Одна вещь, которая мне не нравится в этом клудже, это то, чтоasset: схема открыта для любого стороннего HTML / Javascript на любой странице, которую мое представление загружает, предоставляя им доступ к активам моего приложения.

Одна альтернатива, которую я не пробовал, заключалась бы в вставке подпрограммы.-активизируется в букмарклет с использованием data: URL, но это может быть громоздким.

Я бы предпочел, чтобы был способ манипулировать контекстом безопасности просто букмарклетом JS IЯ загружаю в loadUrl (), но ничего подобного не могу найти.

Вот фрагмент:

import android.webkit.WebResourceResponse;
...
    private final class FooViewClient extends WebViewClient
    {
    private final String bookmarklet;
    private final String scheme;

    private FooViewClient(String bookmarklet, String scheme)
        {
        this.bookmarklet = bookmarklet;
        this.scheme = scheme;
        }

    @Override
    public void onPageFinished(WebView view, String url)
        {
        view.loadUrl(bookmarklet);
        }

    @Override
    public WebResourceResponse shouldInterceptRequest(WebView view, String url)
        {
        if (url.startsWith(scheme))
            try
                {
                return new WebResourceResponse(url.endsWith("js") ? "text/javascript" : "text/css", "utf-8",
                        Foo.this.getAssets().open(url.substring(scheme.length())));
                }
            catch (IOException e)
                {
                Log.e(getClass().getSimpleName(), e.getMessage(), e);
                }

        return null;
        }
    }
1 голос
/ 01 сентября 2013

Вот как я это сделал. Я использовал протокол Content: // и настроил контент-провайдер для обработки возврата файлового дескриптора в систему

Вот мой файл ContentProvider:

import java.io.File;
import java.io.FileNotFoundException;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;

import org.apache.commons.io.IOUtils;


import android.content.ContentProvider;
import android.content.ContentValues;
import android.database.Cursor;
import android.net.Uri;
import android.os.ParcelFileDescriptor;
import android.util.Log;

public class FileContentProvider extends ContentProvider {
    @Override
    public ParcelFileDescriptor openFile(Uri uri, String mode) {

        Log.d("FileContentProvider","fetching: " + uri);

        ParcelFileDescriptor parcel = null;

        String fileNameRequested = uri.getLastPathSegment();
        String[] name=fileNameRequested.split("\\.");
        String prefix=name[0];
        String suffix=name[1];
       // String path = getContext().getFilesDir().getAbsolutePath() + "/" + uri.getPath();
        //String path=file:///android_asset/"+Consts.FILE_JAVASCRIPT+"

/*check if this is a javascript file*/

        if(suffix.equalsIgnoreCase("js")){
        InputStream is = null;
        try {
            is = getContext().getAssets().open("www/"+Consts.FILE_JAVASCRIPT);
        } catch (IOException e1) {
            // TODO Auto-generated catch block
            e1.printStackTrace();
        }


        File file = stream2file(is,prefix,suffix);
        try {
            parcel = ParcelFileDescriptor.open(file, ParcelFileDescriptor.MODE_READ_ONLY);
        } catch (FileNotFoundException e) {
            Log.e("FileContentProvider", "uri " + uri.toString(), e);
        }
        }
        return parcel;
    }

    /*converts an inputstream to a temp file*/

    public File stream2file (InputStream in,String prefix,String suffix) {
        File tempFile = null;
        try {
            tempFile = File.createTempFile(prefix, suffix);
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        tempFile.deleteOnExit();

            FileOutputStream out = null;
            try {
                out = new FileOutputStream(tempFile);
            } catch (FileNotFoundException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            } 

            try {
                IOUtils.copy(in, out);
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }

        return tempFile;
    }


    @Override
    public boolean onCreate() {
        return true;
    }

    @Override
    public int delete(Uri uri, String s, String[] as) {
        throw new UnsupportedOperationException("Not supported by this provider");
    }

    @Override
    public String getType(Uri uri) {
        throw new UnsupportedOperationException("Not supported by this provider");
    }

    @Override
    public Uri insert(Uri uri, ContentValues contentvalues) {
        throw new UnsupportedOperationException("Not supported by this provider");
    }

    @Override
    public Cursor query(Uri uri, String[] as, String s, String[] as1, String s1) {
        throw new UnsupportedOperationException("Not supported by this provider");
    }

    @Override
    public int update(Uri uri, ContentValues contentvalues, String s, String[] as) {
        throw new UnsupportedOperationException("Not supported by this provider");
    }
}

в манифесте я определил провайдера:

<provider android:name="com.example.mypackage.FileContentProvider"
          android:authorities="com.example.fileprovider"
        />

Вот javascript o, добавляемый в веб-просмотр:

webView.loadUrl("javascript:(function() { "

           + "var script=document.createElement('script'); "
           + " script.setAttribute('type','text/javascript'); "
           + " script.setAttribute('src', 'content://com.example.fileprovider/myjavascriptfile.js'); "
      /*      + " script.onload = function(){ "
           + "     test(); "
           + " }; "
      */     + "document.body.appendChild(script); "
           + "})();");

а вот myjavascriptfile.js (как пример):

   function changeBackground(color) {
       document.body.style.backgroundColor = color;
   }
1 голос
/ 17 апреля 2013

Я думаю, что клиент веб-обозрения мороженого Cordova делает именно то, что вы хотите сделать.

Было бы неплохо, если бы это было где-то задокументировано, но, насколько я понимаю, это не так.

Взгляните на android github cordova: https://github.com/apache/incubator-cordova-android/blob/master/framework/src/org/apache/cordova/IceCreamCordovaWebViewClient.java

0 голосов
/ 15 апреля 2019

При соблюдении следующих двух условий:

  • minSdkVersion 21
  • targetSdkVersion 28

Я могу успешно загрузить любой локальный актив (js,png, css) через следующий код Java

@Override
public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
    Uri uri = request.getUrl();
    if (uri.getHost().equals("assets")) {
        try {
            return new WebResourceResponse(
                URLConnection.guessContentTypeFromName(uri.getPath()),
                "utf-8",
                MainActivity.this.getAssets().open(uri.toString().substring(15)));
        } catch (IOException e) {
            e.printStackTrace();
        }
    }
    return null;
}

И в коде HTML я могу использовать

<link rel="stylesheet" href="https://assets/material.min.css">
<script src="https://assets/material.min.js"></script>
<script src="https://assets/moment-with-locales.min.js"></script> 
<img src="https://assets/stackoverflow.png">

В Java также работает следующее (вам также необходимо добавитьfavicon.ico к активам)

webView.loadUrl("https://assets/example.html");

Использование https:// в качестве схемы позволяет загружать локальные активы со страницы, обслуживаемой через HTTPS, без проблем безопасности из-за смешанного контента.

Нет из них должны быть установлены:

webSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_ALWAYS_ALLOW);
webSettings.setDomStorageEnabled(true);
webSettings.setAllowContentAccess(true);
webSettings.setAllowFileAccess(true);
webSettings.setAllowFileAccessFromFileURLs(true);
webSettings.setAllowUniversalAccessFromFileURLs(true);    
0 голосов
/ 31 октября 2011

Может быть, у вас могут быть активы в виде «html / javascript templates».Вы можете комбинировать разные источники текста и строковую логику, чтобы создать желаемый HTML для загрузки в WebViewer.Затем вы используете .loadData вместо .loadUrl

Я использую его самостоятельно, и, кажется, он работает довольно хорошо.

Надеюсь, это поможет!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...