android中webview加载html,用本地的css渲染页面如何做

html-css011

android中webview加载html,用本地的css渲染页面如何做,第1张

android中webview加载html用本地css渲染的做法:

1:将资源拷贝到assets目录

2:给需要注入的资源文件在url上做一个标志,当然,你也可以不做,只要你在安卓端可以判断出来即可。

<link rel="stylesheet" href="[inject]public/css/bootstrap.min.css" type="text/css" media="screen" title="no title" charset="utf-8">

<link rel="stylesheet" href="[inject]public/css/bootstrap-theme.min.css" type="text/css" media="screen" title="no title" charset="utf-8">

<script type="text/javascript" src="[inject]public/js/zipto/1.1.6/zepto.min.js"></script>

<script type="text/javascript" src="[inject]public/js/modules/md5.min.js"></script>

3:拦截将要注入的文件,读取本地文件即可。

webview.setWebViewClient(new WebViewClient() {

@Override

public WebResourceResponse shouldInterceptRequest(WebView view, String url) {

//System.out.println("WebResourceResponse::"+url)

if(url.contains("[inject]")){

String localPath = url.replaceFirst("^http.*inject\\]","")

System.out.println("LocalPath::"+localPath)

try {

InputStream is = getApplicationContext().getAssets().open(localPath)

return new WebResourceResponse("text/javascript", "UTF-8", is)

} catch (Exception e) {

e.printStackTrace()

return super.shouldInterceptRequest(view, url)

}

} else {

return super.shouldInterceptRequest(view, url)

}

}

})

1、在图像页面中,我们可以看到样式中的样式列表以及显示的渲染图。

2、选择样式中的所有CSS样式,然后复制或剪切。

3、然后ctrl+N创建一个新的CSS样式文件,如图所示,然后创建。

4、在创建的css样式文件中,粘贴刚刚复制到此处的文件。

5、导出时,您需要将其放在与上一个网页相同的文件夹位置。您可以创建一个新的css文件夹以便于导入。

6、然后返回到html文件,删除所有以前的样式,然后输入链接链接标记,链接以前保存的CSS样式,然后保存。

7、链接完成后,在浏览器中预览它以查看链接是否成功。