CSS和JavaScript无法在Android WebView中使用

时间:2017-10-20 03:41:20

标签: android jquery css webview android-webview

我的 MainActivity.java 文件如下所示:

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        String myUrl = "file:///android_asset/index.html";
        WebView view = (WebView) this.findViewById(R.id.webView);
        view.getSettings().setJavaScriptEnabled(true);
        view.getSettings().setDomStorageEnabled(true);
        view.getSettings().setSaveFormData(true);
        view.setWebChromeClient(new WebChromeClient());
        view.loadUrl(myUrl);
    }
}

现在, activity_main.xml 文件包含以下代码:

<WebView
        android:id="@+id/webView"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        tools:layout_editor_absoluteX="0dp"
        tools:layout_editor_absoluteY="0dp" />
</android.support.constraint.ConstraintLayout>

而且,在html页面 index.html 中,我一直在链接CSS和JS文件,如下所示:

<link rel="stylesheet" href="file:///android_asset/css/bootstrap.min.css">
<script src="file:///android_asset/js/popper.min.js"></script>

我看到了HTML内容;但是,CSS和JavaScript文件根本不起作用。该页面看起来很简单。我是Android新手,我肯定错过了一些关键的东西。

1 个答案:

答案 0 :(得分:2)

class complex { private: int real; int imaginary; public: /* Using member initializers to assign values to members */ complex() : real(0) , imaginary(0) {} void readData(int x, int y); void printData(); void addNumbers(complex, complex); }; void complex::readData(int x, int y) { real = x; imaginary = y; } void complex::printData() { cout << real << "+" << imaginary << "i" << endl; } void complex::addNumbers(complex c1, complex c2) { real = c1.real + c2.real; imaginary = c1.imaginary + c2.imaginary; } int main(void) { complex c1, c2, c3; c1.readData(-5,17); c2.readData(11,7); c3.addNumbers(c1,c2); c3.printData(); return 0; } html中,使用路径名 relative 到您的index.html页面(不是 { {1}} )。

所以改变这个:

html

对此:

file:///android_asset

目录结构:

<link rel="stylesheet" href="file:///android_asset/css/bootstrap.min.css">
<script src="file:///android_asset/js/popper.min.js"></script>