webview 中使用css适配简单的页面

package com.example.mycssdemo;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.util.Log;
import android.view.Menu;
import android.webkit.WebSettings;
import android.webkit.WebSettings.LayoutAlgorithm;
import android.webkit.WebView;
import android.webkit.WebViewClient;
/**
 * 类名:MainActivity.java <br>
 * 描述: <br>
 * 创建者: lidongdong <br>
 * 创建日期:2015-8-16
 * 版本: <br>
 * 修改者:<br>
 * 修改日期:2015-8-16
 */
@SuppressLint("SetJavaScriptEnabled")
public class MainActivity extends Activity {
	private WebView mWebView;
	private WebSettings mWebSetting;
	private String content;
	private String linkCss;
	private String html;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		mWebView= (WebView) findViewById(R.id.web_view);
		mWebSetting = mWebView.getSettings();
		mWebSetting.setJavaScriptEnabled(true);
		//======================保证页面的完整显示在手机屏幕上=======================
		mWebSetting.setUseWideViewPort(true);
		mWebSetting.setLoadWithOverviewMode(true); 

		mWebSetting.setSupportZoom(true);
		mWebSetting.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
		mWebSetting.setJavaScriptEnabled(true);
//		mWebView.loadUrl("http://news.dahe.cn/2015/08-11/105436453.html");
		linkCss = "<style type=\"text/css\"> img {" +
				"width:100%;" +
				"height:auto;" +
				"}" +
				"body {" +
				"margin-right:15px;" +
				"margin-left:15px;" +
				"margin-top:15px;" +
				"font-size:45px;" +
				"}" +
				"</style>";
		mWebView.setWebViewClient(new WebViewClient(){

			@Override
			public boolean shouldOverrideUrlLoading(WebView view, String url) {
				Log.i("DD", "======="+url);
//				mWebView.loadData(linkCss, "text/html", "utf-8");
				view.loadUrl(url);
				return true;
			}
		});

		content = "<p><img src=\"http://img5.imgtn.bdimg.com/it/u=3572074785,265614668&fm=21&gp=0.jpg\">hahahha</p>";

		// 加载本地css 不行 不能读取
//		linkCss = "<link rel=\"stylesheet\" href=\"file:///android_asset/img.css\" type=\"text/css\">";

		html = "<html><header>" + linkCss + "</header>" + content + "</body></html>";

		mWebView.loadData(html, "text/html", "uft-8");

	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

只对文字和图片做了控制。

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-11-06 09:49:47

webview 中使用css适配简单的页面的相关文章

原生webview中使用沉浸状态栏,H5页面适配iphoneX顶部

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { .tit{ //顶部fix定位 加padding,具体数值自测 padding-top: .5rem !important; } .p-iphonex{//列表也需要padding,否则顶栏会遮住 padding-top: .5rem !important; } } 原文地址:h

iOS之在webView中引入本地html,image,js,css文件的方法 - sky//////////////////////////////////////ZZZZZZZZZZZZZZZ

iOS之在webView中引入本地html,image,js,css文件的方法 2014-12-08 20:00:16CSDN-sky_2016-点击数:10292 项目需求 最近开发的项目,需要一个webView,同时这个webView会需要引入一些项目中的资源: 一个本地的html文件,作为webView的模板 两张loading图片,在图片未加载的时候进行占位 jquery.js,scrollLoading.js 也是本地的,实现滚动加载图片功能 然后就开始了漫长的Google历程. 在w

网页中使用css的几种方式简单介绍

网页中使用css的几种方式简单介绍: css在当前的网页中可以说是必须的,如果没有使用css,那么这个网页一般丑陋的难以想象,下面就介绍一下网页使用css的几种方式,希望对初学者能够有所帮助. 一.内联样式: 所谓的内联样式就是卸载标签之内的样式,代码如下: <div style="color:red;font-size:10px"></div> 也就是使用style方式在标签内规定div的样式. 二.内部样式表: 所谓内部样式表,就是样式表写在当前页面,而不是

关于JAVA EE项目在WEB-INF目录下的jsp页面如何访问WebRoot中的CSS和JS文件

找了这么久资料,总算解决了 感谢博客园:http://www.cnblogs.com/xsht/p/5275081.html 感谢百度:http://zhidao.baidu.com/link?url=Vz4TlygvnMyYVj105bCuzkusjF0G5rM6opHvEzhcCaJK5s1gFUZ3PBgAWCNsfY1RmtPf4ZEo8EV_Gd7SYKV4S_ 在有Struts部署的Java EE环境中,我们一般把jsp页面写在WebRoot\WEB-INF\content 目录下,

页面中的CSS性能优化

大型网站中会有多个CSS文件,性能优化是不要的.主要有以下几个方法: 一:压缩样式表: 通过构建工具压缩CSS文件,能够减少文件的大小,从而得到更快的下载.解析和执行.对于使用预处理器例如 Sass, Less, and Stylus, 你可以通过配置缩小编译输出的CSS代码. 二:合并多个CSS文件 因为每一个文件就是一个HTTP请求,合并CSS文件.文件数量的减少就会带来请求数量的减少和更快的页面加载速度. 三:使用link标签而不使用@inport 1 <link rel="styl

js+html+css实现简单页面交互功能(2015知乎前端笔试题)http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2

js+html+css实现简单页面交互功能(2015知乎前端笔试题) http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2 密码:hellozhihu

xcode,在webView中引入本地html,image,js,css文件的方法

http://www.shuizhongyueming.com/2014/01/load-local-image-js-css-file-to-webview-in-xcode/ xcode,在webView中引入本地html,image,js,css文件的方法

webview中的页面兼容iphone6和6+

其实写这篇文章的本不该是我,而应该是开发ios的小伙伴,但作为一个前端,我想我还是有必要做一下记录的! 首先我想说下在iphone6或者6+中webview内嵌套的页面宽度已经不在是320px,而是375px和414px,也正因为如此,所以才产生了兼容问题, 也就是页面中的字体模糊,毫无疑问,解决方案是已经有了~ 问题: 在iphone6和6+上,webview中的页面字体模糊 解决: 开发ios的小伙伴们需要启用“高分辨率模式”,启用方法有两个: 1.添加大屏的LaunchImage:在Ima

页面中插入CSS样式的三种方法

页面中插入css样式的三种方法总结 1. 外部样式 当样式需要应用于很多页面时,外部样式表将是理想的选择.在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观.每个页面使用<link>标签链接到样式表. <link>标签在(文档的)头部: <head> <link rel="stylesheet" type="text/css" href="path/myCss.css"/> <