Question

我有一个专为移动设备展示的网站。所以我决定使用Android Studio。

我想在服务器上显示我的 html 文件，但在应用程序中显示本地 css 和 js 文件。换句话说，我只想从主机加载 html 并使用应用程序中存在的 css 更改其样式。我正在使用网络视图。

我该怎么办？使用iframe还是其他什么？请帮我。请为我提供正确的代码。

我的MainAtivity.java文件：

package com.example.z5070.myapplication;

import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.webkit.WebView;


public class MainActivity extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        String url = "http://www.example.com";

        WebView view = (WebView) this.findViewById(R.id.webView);

        view.loadUrl(url);


    }








    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

我的activity_main.xml：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<WebView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/webView"
    android:layout_alignParentTop="true"
    android:layout_alignParentEnd="true"
 />

Answer 1

在Android Studio或eclipse中是相同的....简单的方法是在你的html文件中使用这一行。

 <link type="text/css" rel="stylesheet" href="style.css">

请记住在HTML文件，CSS文件或JS文件的相同路径中并置，以便轻松实现＆＃34;。但是您可以为每个类型文件ig创建一个特定的文件夹。

*将资产文件夹用于文件。

Answer 2

你基本上必须通过webView.loadDataWithBaseURL()注入你的CSS。请务必将.css文件放在assets文件夹中并相对引用。

您可以查看THIS答案以获取更多详情！

使用本地CSS在应用程序中显示网站（使用Android Studio）

2 个答案: