Веб-просмотр Android, загрузка javascript файла в папку с файлами
Я видел, что этот вопрос задавался много раз, но до сих пор не удается заставить мой код работать.
Я хочу, чтобы мой веб-просмотр загружал некоторый 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";
}
Ответы
Ответ 1
Я пробовал то же самое, загружая букмарклет (код javascript в вашем вызове loadUrl()) на стороннюю страницу. Мой букмарклет также зависит от других активов (javascript и css файлов), которые не будут загружаться с помощью файла:///URL-адрес android_asset.
Это связано с тем, что контекст безопасности страницы по-прежнему относится к категории http://www.google.com и что не разрешен доступ к файлам: URL-адреса, Вы должны уметь видеть ошибки, если вы предоставляете/переопределяете WebChromeClient.onConsoleMessage().
Я закончил с kludge, где я изменил ссылки на ресурсы букмарклов на фиктивную схему URL, например:
asset:foo/bar/baz.js
и добавил переопределение WebViewClient.shouldInterceptRequest(), которое ищет их и загружает их из активов с помощью AssetManager.open().
Одна вещь, которая мне не нравится в этом kludge, заключается в том, что схема asset: открыта для любого стороннего HTML/Javascript на любой странице, которую загружает мой просмотр, предоставляя им доступ к моим активам приложения.
Одна из альтернатив, которую я не пытался, заключалась бы в том, чтобы внедрить суб-активы в букмаркете, используя данные: URL-адреса, но это может стать неудобным.
Я бы предпочел, если бы был способ манипулировать контекстом безопасности только буклета JS, который я загружаю в 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;
}
}
Ответ 2
Я думаю, что клин из клинья для мороженого для мороженого делает именно то, что вы хотите сделать.
Было бы неплохо, если бы это было зарегистрировано где-то, но, насколько я вижу, это не так.
Взгляните на кордову groid:
https://github.com/apache/incubator-cordova-android/blob/master/framework/src/org/apache/cordova/IceCreamCordovaWebViewClient.java
Ответ 3
Вот как я это сделал. Я использовал протокол Content://и настроил contentprovider для обработки возвращаемого дескриптора файла в системе.
Вот мой fileContentProvider:
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:
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;
}
Ответ 4
Возможно, у вас могут быть активы как "html/javascript templates". Вы могли бы объединить различные эти текстовые источники и логику строк, чтобы составить желаемый html для загрузки в WebViewer. Затем вы используете .loadData вместо .loadUrl
Я использую его самостоятельно и, похоже, работает очень хорошо.
Надеюсь, что это поможет!
Ответ 5
С учетом следующих двух условий:
- 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="#" onclick="location.href='https://assets/material.min.css'; return false;">
<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);