java - 简单的 HTML5 游戏在 android WebView 中不起作用
问题描述
我在 js 上写了一个简单的游戏——它甚至可以在 InternetExplorer 上运行,它在 WebView 中不起作用——只显示 HTML 代码,不执行 js。但是,如果只在 js 中留下这样的代码:
ctx = document.getElementById('myCanvas').getContext('2d');
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
ctx.drawImage(back,0,0,400,500);
ctx.fillStyle = "#FF0000";
ctx.font = "30px Georgia";
ctx.fillText("Super Game", 10, 30);
然后执行js代码。
我的完整代码:
HTML5 游戏:
https://jsfiddle.net/ce1xvuwh/
安卓代码:
package com.example.android_rodnoj_kod;
import android.content.Context;
import android.os.Bundle;
import android.os.Environment;
import android.util.Log;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import androidx.appcompat.app.AppCompatActivity;
import java.io.BufferedReader;
import java.io.ByteArrayOutputStream;
import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.io.OutputStreamWriter;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
WebView myWebView = new WebView(this);
setContentView(myWebView);
myWebView.getSettings().setJavaScriptEnabled(true);
myWebView.setWebChromeClient(new WebChromeClient());
myWebView.setWebViewClient(new WebViewClient());
myWebView.loadUrl("file:///android_res/raw/simple_game.html");
}
}
和 AndroidManifest.xml:
包="com.example.android_rodnoj_kod">
<application android:allowBackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:roundIcon="@mipmap/ic_launcher_round" android:supportsRtl="true" android:theme="@style/AppTheme"> <activity android:name="com.example.android_rodnoj_kod.MainActivity"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> </application> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" /> <uses-permission android:name="android.permission.WRITE_INTERNAL_STORAGE" /> <uses-permission android:name="android.permission.READ_INTERNAL_STORAGE" /> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> </manifest>
解决方案
问题解决了——重点是我在一个函数中使用了“let”而不是“var” ——这导致了异常。谢谢 - https://stackoverflow.com/users/5279156/vlad
推荐阅读
- css - 无法通过烧瓶中的 css 更改背景图像大小
- java - 即使在释放后如何使按钮保持选中状态?
- scheme - Scheme Lisp 3 × 3 矩阵的行列式
- c - C中的多态性和赋值运算符
- python - gpu 上的张量流很慢,还有更多问题
- animation - D3 arc 和 SVG 2d 到 3d 透视变化
- php - 如何通过 php 与 MySQLi 保持联系
- mongodb - 如何使 $not regexp 查询在 Go 中工作?
- highcharts - highcharts动态背景颜色问题
- javascript - 有没有办法在加载时将自定义键盘快捷键“注入”到页面中?