webview加载html时使用assets文件夹下的css或者js文件

最新推荐文章于 2025-06-25 09:09:30 发布

原创最新推荐文章于 2025-06-25 09:09:30 发布 · 6.5k 阅读

1 ·

CC 4.0 BY-SA版权

Android开发问题同时被 2 个专栏收录

12 篇文章

订阅专栏

Android

9 篇文章

订阅专栏

本文介绍了在开发过程中如何使用WebView加载assets文件夹内的CSS和JS文件，以实现HTML页面的样式设置和功能增强。通过将CSS和JS文件路径拼接，实现了对HTML内容的动态加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发中我们经常会遇到使用assets文件夹下的.css或者.js文件去给html设置样式或者字体等。直接上代码，其实我的思路就是把css和js拼进去。

String html = "<html><head> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">

<script type=\"text/javascript\" src = \"file:///android_asset/flexible.js\" /></script>

<link rel=\"stylesheet\" type=\"text/css\" href=\"article.css\" /></head>

<body>" + "html片段"+"</body></html>";

webview.loadDataWithBaseURL("file:///android_asset/", html , "text/html", "utf-8", null);

flexible.js是assets文件下的js文件

article.css是assets文件下的css文件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sunny_auto

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Android WebView如何加载assets下的html文件

WOSHICAIXIANFENG的专栏

02-09

2万+

项目需求：将html文件以及所用到的图片都放在 assets/html/ 目录下。然后在页面上通过WebView来显示直接付上代码： private void readHtmlFormAssets(){ WebSettings webSettings = tipsWebView.getSettings(); webSet

Android Studio Webview加载assets本地文件

weixin_30820151的博客

02-27

711

1、新建assets资源文件右键单击main目录，选择New>Folder>Assets Folder. 勾选Change Folder Location可改变其默认路径在Assets目录下新建html、css等文件夹，把相应html和资源文件copy进去 2、Webview加载资源文件 String url = "file:///android_asset/in...

2 条评论您还未登录，请先登录后发表或查看评论

Android WebView 远程网页加载本地资源js/html/css

黄嘉晖的博客麻瓜

02-13

1万+

Android WebView 远程网页加载本地资源js/html/css 原因：在使用WebView加载网页时Web端有一些不常变更的.js、.css等文件，因此可以将这些文件从Android客户本地进行加载，这样可以加速网页的加载和节省不必要的流量优化用户体验。（博主这里是因为项目引用了Cordova需要加载远程网页，但是IOS端与Android的.js文件又不能通用，所以Android和IO

Nuxt.js 项目中的 assets 目录详解：资源管理与最佳实践

最新发布

gitblog_01012的博客

06-25

285

Nuxt.js 项目中的 assets 目录详解：资源管理与最佳实践什么是 assets 目录在 Nuxt.js 项目中，assets 目录是一个专门用于存放未编译静态资源的文件夹。这些资源包括但不限于：样式文件（Stylus/Sass/Less/CSS）图片资源（PNG/JPG/SVG等）字体文件（TTF/WOFF等）其他前端资源文件资源引用方式详解图片资源引用在 Vue ...

webview加载网页和assets的html文件

Jonly_W的博客

04-28

294

https://blog.csdn.net/dianziagen/article/details/60869608

webview加载assets目录下html静态文件

abbiz的博客

12-13

1549

tv_TopTitle.setText("关于我们");

Android webview如何加载HTML,CSS等语言的示例

01-05

加载html无非有三种情况：一、存放在assets文件夹下的html文件；二、直接加载某个指定的网页。三、从网络上解析得到的html代码，注意此处是代码，即字符串格式。示例 /** * body : <div class=main-wrap>... * ...

Android编程实现使用webView打开本地html文件的方法

08-31

如果你的HTML文件不在`assets`文件夹下，你可能需要使用其他路径。例如，如果HTML文件位于`res/raw`目录，路径应为`file:///android_res/raw/`，但请注意，这个路径不适用于Android 10及以上版本，因为Android Q引入...

Android通过JS在线用webview加载PDF文件(无限放大版本)

10-17

将下载的`pdfjs-dist`文件夹放入项目的`assets`目录下。这个库包含了JavaScript和CSS文件，用于在浏览器中解析和渲染PDF。 2. **配置Webview** 在AndroidManifest.xml中，确保Webview可以访问互联网权限： ```xml...

掌握WebView如何加载本地HTML文件的技巧

例如，如果 HTML 文件放在项目的 assets 文件夹下，则使用 `file:///android_asset/myfile.html` 作为 URL。 2. 使用资源 ID 加载。如果 HTML 文件是作为应用的一部分被打包的资源文件，可以使用资源 ID 来获取资源...

Android实现WebView加载assets文件夹下的html文件,html返回webView.canGo，android嵌入h5进行交互,调试错误 net::ERR_FILE_NOT_FOUND

ZJQ的博客

04-10

6585

调试错误 net::ERR_FILE_NOT_FOUND 我的环境：win7 ，Android studio 3.0.1. java8； webView.loadUrl("file:////android_asset/text"); html超链接在 Android studio 中的使用： <a href="file:///android_asset/text2"&gt...

webview加载assets下的html5页面

全干工程师

07-16

6011

利用webview去加载assets目录下的html界面点击打开链接，免积分下载 apdate_function.xml 主界面就一个WebView控件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" an

WebView中调用assets下的js脚本无法正常执行的解决方法

jqorz的博客

07-21

1336

最近遇到一个需求，即在WebView中实现点击图片放大。参照着http://blog.csdn.net/ruancoder/article/details/53958773这篇博客进行修改，理应是点击图片，调用js，跳转到一个Activity中，却发现无法使用。几经周折，找到了原因及解决方法。1. 错误产生原因：直接写在代码里的js能够正确执行，写在assets下的js文件却无法使用。后来通

android WebView加载html 并引用本地资源（图片、字体库）

热门推荐

kkmike999的专栏

03-14

1万+

本文介绍如何用android WebView加载html代码，并在html内引用apk里的资源文件，例如图片、字体库等。先说一般情况，文件夹有html、ttf字库、图片 html代码如下: .text { font-family: STANK; font-size:60px;} @font-face {

Python：webassets打包web项目中的js和css文件

彭世瑜的博客

04-14

1316

PyPI: https://pypi.org/project/webassets/ Github: https://github.com/miracle2k/webassets Doc: https://webassets.readthedocs.io/ 个人感觉是Python版的webpack 安装 pip install webassets 使用示例 from webassets import Environment, Bundle assets_env = Environment( d.

android webview 网络页面从本地(assets)加载js库

dongrui646的专栏

09-08

1526

项目中的遇到一点优化问题，webview加载的页面比较耗流量，但是大部分的流量都浪费在了js和图片文件，如果把js库和素材文件放在本地，可以大大节省流量按照stackoverflow上的方法，把js放到raw文件夹中，但是试了很多遍都不太好用，只好换个思路 src="android.resource://com.example.sample/raw/js_script">

基础巩固（五）Android通过WebView与Js交互

芸兮的博客

06-02

3506

WebView是一个基于webkit引擎、展现web页面的控件。Android的Webview在低版本和高版本采用了不同的webkit版本内核，4.4后直接使用了Chrome。显示和渲染web界面直接使用html文件（网络上或者本地asset）作为布局可与JavaScript交互调用WebView控件功能强大，除了具有一般View的属性和设置外，还可以对url请求、页面加载、渲染、页面交互进行强大的处理。

Webview加载asset下的css文件和加载HTML代码

fly_yuge的博客

12-17

473

在webview里加载html页面，正常建议是把html页面写好后放到服务器上，然后客户端去加载就ok了。但是最近遇到个要客户端本地加载html的，这里记录一下。 1、webview动态加载html代码（不是html文件哦），用 webView.loadDataWithBaseURL(null, minString, "text/html", "UTF-8", null);方法； 2、如...

vue-cli项目引入assets里的css样式出错

Joey-Wong的博客

12-06

9780

vue-cli项目引入assets里的css样式出错在写个人项目的时候，引入了阿里云字体库，如下所示：然后再Login.vue组件里引入样式表然后npm run dev就出问题了之前我这样做在其他的项目中没出现问题，后来看到这个问题，和我的问题很像，这里写链接内容于是我在用相同的方法引入测试的样式表，没出现问题最后定位问题出现在这：左侧的是我之前写的没问题的，右侧的是出问题了的，可以