1
私は単純なtodoリストをhtmlで作成し、.cssと.jsファイルを私の.htmlファイルの作業に関連付けましたブラウザに正しく表示されます。今私はアンドロイドアプリとしてWebビューで動作させるようにしています。 AndroidStudioを使用しており、assetsフォルダを作成し、.cssファイルと.jsファイルを追加しました。私はすべてのHTMLコードを文字列にコピーし、loadWithBaseURLを使っています。スタイルや機能がなくても、HTMLのみがWebビューに読み込まれます。誰かが私にこの方向を向けることができますか？テストの目的で、または迅速かつ汚い方法については私の.cssと.jsファイルをAndroidのWebViewに読み込まれたHTMLコードで動作させる方法
package com.android.todowebview;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
import android.app.Activity;
public class MainActivity extends Activity {
private WebView browser;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
browser = (WebView) findViewById(R.id.webView1);
browser.getSettings().setJavaScriptEnabled(true);
String todoHtml = "<html>\n" +
" <head>\n" +
" <title>ToDoList</title>\n" +
" <meta http-equiv=\"Content-Type\" content=\"text/html\" charset=\"UTF-8\"/>\n" +
" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\">\n" +
" <meta name=\"apple-mobile-web-app-cabable\" content=\"yes\"/>\n" +
" <link rel=\"stylesheet\" href=\"styles.css\"\n" +
" </head>\n" +
" <body>\n" +
" <head>\n" +
" <h1>\n" +
" ToDo-List\n" +
" </h1>\n" +
" </head>\n" +
" <form>\n" +
" <label>\n" +
" Title:\n" +
" <input id=\"newitem\" type=\"text\" placeholder=\"Tap to enter a new item…\">\n" +
" <br>\n" +
" Details:\n" +
" <input id=\"detail\" type=\"text\" placeholder=\"Details of new item…\">\n" +
" <br>\n" +
" Date:\n" +
" <input id=\"date\" type=\"date\" placeholder=\"year/month/day\">\n" +
" <br>\n" +
" Time:\n" +
" <input id=\"time\" type=\"time\" placeholder=\"00:00\">\n" +
" <br>\n" +
" </label>\n" +
" <button type=\"button\" id=\"additem\">\n" +
" Add\n" +
" </button>\n" +
" </form>\n" +
" <ul id=\"todo-list-container\">\n" +
" </ul>\n" +
" <!--\n" +
" <p id=\"total\">\n" +
" <span class=\"total1\">\n" +
" Total:\n" +
" <span id=\"totalcount\">\n" +
" 0\n" +
" </span>\n" +
" </span>\n" +
" <span class=\"remain\">\n" +
" Remaining:\n" +
" <span id=\"remaining\">\n" +
" 0\n" +
" </span>\n" +
" </span>\n" +
" </p>\n" +
" -->\n" +
" <fieldset>\n" +
" <button class=\"button deletechecked\" type=\"button\" id=\"delete-checked-items\">\n" +
" Delete Checked\n" +
" </button>\n" +
" <button class=\"button deleteall\" type=\"button\" id=\"delete-all-items\">\n" +
" Delete All\n" +
" </button>\n" +
" </fieldset>\n" +
"\n" +
" <script type=\"text/template\" id=\"item-template\">\n" +
" <li>\n" +
" <label>\n" +
" <input type=\"checkbox\">\n" +
" <!-- ITEM_NAME -->\n" +
" </label>\n" +
" </li>\n" +
" </script>\n" +
" \n" +
" <script src=\"todo_back.js\">\n" +
" </script>\n" +
" </body>\n" +
"</html>";
//browser.loadData(todoHtml, "text/html", "UTF-8");
browser.loadDataWithBaseURL("file:///android_asset", todoHtml, "text/html", "UTF-8", null);
}
}
私はこれを行い、すべてが機能します。私のプロジェクトを仕上げるために、この解決策をとどめてください。ありがとう！ – Talcicio