webview如何加载HTML,CSS等语言
来源:互联网 发布:postman post传递json 编辑:程序博客网 时间:2024/06/14 07:11
前言
这个题目可能取得不大好,想了很久没想出更合适的了。在android开发webview的时候,有的时候后台不一定给的就是一个url,而是把一些HTML,css,js语言代码给你,然后你自行组装出webview能够识别的语言,并加载到页面当中。
示例
/** * body : <div class="main-wrap content-wrap">...</div> * image_source : 《四月物语》 * title : 我喜欢你,但你别喜欢我:囚禁在单相思中的性单恋者 * image : http://pic3.zhimg.com/4d37a2dff96d07f6a01e7b8aabd63032.jpg * share_url : http://daily.zhihu.com/story/9100667 * js : [] * ga_prefix : 122713 * images : ["http://pic4.zhimg.com/a32e73507ebe9a963f48c3bcc9808773.jpg"] * type : 0 * id : 9100667 * css : ["http://news-at.zhihu.com/css/news_qa.auto.css?v=4b3e3"] */
假如后台给你一个url,而url实则是json数据对应的连接,并不能直接加载到webview当中,此时该如何解决。这个问题我可以说是一年前就遇到了,后来一是不知道怎么查,在网上没有找到相应的资料,二是身边没有前端的人来指导,今天问过了前端的同事,才明白了一二。
代码分析
在往常前端开发当中一般都是自己写HTML和CSS代码,然后显示在浏览器,也就android中的webview。对于android这种情况,只能拼接代码。后台提供相应代码,android开发自己拼接。其实没有那么想象中的那么难,因为说到底都是字符串,对字符串进行一定的格式化就能轻易达到效果。
代码实现
public class HtmlUtil { // css样式,隐藏header private static final String HIDE_HEADER_STYLE = "<style>div.headline{display:none;}</style>"; // css style tag, 需要格式化 private static final String NEEDED_FORMAT_CSS_TAG = "<link rel=\"stylesheet\" type=\"text/css\" href=\"%s\"/>"; // js script tag, 需要格式化 private static final String NEEDED_FORMAT_JS_TAG = "<script src=\"%s\"></script>"; public static final String MIME_TYPE = "text/html; charset=utf-8"; public static final String ENCODING = "utf-8"; public HtmlUtil() { } /** * 根据css链接生成Link标签 * @param url String * @return String */ public static String createCssTag(String url) { return String.format(NEEDED_FORMAT_CSS_TAG, url); } /** * 根据多个css链接生成Link标签 * @param urls List<String> * @return String */ public static String createCssTag(List<String> urls) { final StringBuilder sb = new StringBuilder(); for (String url : urls) { sb.append(createCssTag(url)); } return sb.toString(); } /** * 根据js链接生成Script标签 * * @param url String * @return String */ public static String createJsTag(String url) { return String.format(NEEDED_FORMAT_JS_TAG, url); } /** * 根据多个js链接生成Script标签 * * @param urls List<String> * @return String */ public static String createJsTag(List<String> urls) { final StringBuilder sb = new StringBuilder(); for (String url : urls) { sb.append(createJsTag(url)); } return sb.toString(); } /** * 根据样式标签,html字符串,js标签 * 生成完整的HTML文档 */ public static String createHtmlData(String html, List<String> cssList, List<String> jsList) { final String css = HtmlUtil.createCssTag(cssList); final String js = HtmlUtil.createJsTag(jsList); return css.concat(HIDE_HEADER_STYLE).concat(html).concat(js); }}
这是个工具类,专门用于将HTML,CSS等语言连接成HTML。先来看我们使用的方法createHtmlData,返回的是string连接的一个字符串,concat方法如下:
image.png
css:将json中的css代码取出来,并加上前缀
HIDE_HEADER_STYLE:定义整体HTML的style
html:这个直接就是json数据当中的html代码
js:将json中的js代码取出来,并加上前缀。
加标签前缀就是利用String.format(NEEDED_FORMAT_JS_TAG, url);方法,将前面格式中的%s,替换成后边的代码。
引用到webview
String htmlData = HtmlUtil.createHtmlData(entity.getBody(), entity.getCss(), entity.getJs());webview.loadData(htmlData, HtmlUtil.MIME_TYPE, HtmlUtil.ENCODING);
源代码引用
https://github.com/yiyibb/Zhihu
感兴趣的同学可以关注一下我的微信公众号,或者微信搜索 开发 Android的小学生
image.png
阅读全文
0 0
- webview如何加载HTML,CSS等语言
- WebView 加载本地HTML CSS
- WebView 加载HTML和CSS
- Android Webview 加载外部html时选择加载本地的js,css等资源文件
- Android Webview 加载外部html时选择加载本地的js,css等资源文件
- Android Webview加载外部html时选择加载本地的js,css等资源文件
- WebView如何加载HTML网页
- WebView等比例加载网络Html
- webView如何加载本地html文件
- android stuido WebView 如何本地加载html
- iOS webView加载本地html,及图片等问题
- iOS webView加载本地html 调用 js,css (基本使用)
- WebView加载本地html无法显示CSS样式 。
- Android WebView 远程网页 加载本地资源js/html/css
- iOS webView加载本地html、css、js文件
- WebView加载html代码并附加css,js
- webview加载html
- WebView加载本地HTML
- Android studio升级3.0以后添加依赖失败
- NOIp总结
- IP协议之IP基础
- android水波纹点击效果的实现
- 为Word2013文档加密
- webview如何加载HTML,CSS等语言
- Linux引导流程(一)
- Ajax跨域请求action方法,无法传递及接收cookie信息(应用于系统登录认证及退出)解决方案
- c++,ccf,2017年9月,打酱油试题
- Ubuntu16.04下Anaconda3+tensorflow+Pycharm+Spyder安装与配置
- TensorFlow实现中文字体分类(四):训练
- wps很霸道啊,在用wps开启了一条文档后,用word将不能打开任何文档,即wps在运行的时候,word就用不了了,这只能是wps做的手脚
- 为Word2013文档解决出现乱码的问题
- Git初学 小白笔记(一)