移动互联网开发技术实验导书全套.docx

上机实验一、实验目的1、了解WebView的工作机理；2、掌握WebView装载本地html文件、访问远程web页面、执行Java Script的方法、Java Script调用Java Class的方法；3、通过WebView与模拟的微信服务端通信，实现一个模拟的微信移动端界面。二、实验内容1、实验准备，（1）将“微信模拟服务端”部署到Tomcat服务器中；（2）将“微信模拟服务端”中的html和img两个文件夹拷贝到项目工程的assets目录。（2）在布局中放置一个WebView控件，并在Activity中初始化publicclass MainActivity extends Activity {private WebView wv = null;@Overrideprotectedvoid onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);wv = (WebView)findViewById(R.id.wv);//设置WebView的相关属性wv.getSettings().setJavaScriptEnabled(false);wv.getSettings().setSupportZoom(false);wv.getSettings().setBuiltInZoomControls(false);wv.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);wv.getSettings().setDefaultFontSize(18);}。。。。。}2、WebView调用远程的html页面publicvoid onLoadWeb(View v) {//在WebView中载入一个远程的Web页面wv.loadUrl();}注意：调用远程页面需要Internet访问权限3、WebView调用本地的html页面publicvoidonLoadClient(View v) {wv.loadData(H1Hello Android Web!!!/H1, text/html, utf-8);}H1Hello Android Web!!!/H1是一段标准的html代码，直接将其写在代码中，共WebView显示用。接下来，我们通过在本地的assets文件中放置一段稍微复杂一点的代码，让WebView显示。publicvoid onLoadClient(View v) {try {//将本地assets文件夹中的html文件读入为字符串InputStream is = getAssets().open(html/list.html);byte[] datas = newbyte[is.available()];is.read(datas);is.close();String html = new String(datas);//方法1：如果list.html中设置了baseurl可以直接load//wv.loadData(html, text/html, utf-8);//方法2：如果list.html中没有设置baseurlwv.loadDataWithBaseURL(:8080/WeiXin/,html, text/html, utf-8, null);} catch (IOException e) {e.printStackTrace();}}如果使用代码中的”方法1”需要在list_with_js.html中有的head区域加入以下语句base href=:8080/WeiXin/ /具体ip地址和端口要根据服务的配置调整。方法2中，html文件和img文件都在本地，可以减少用户在使用app时候的流量。软件升级时，可以根据网络状况（WiFi，蜂窝无线）决定是否需要更新相关的img和html。4、WebView调用Java Scriptpublicvoid onInvokeJs(View v) {//载入包含java script的html文件try {InputStream is = getAssets().open(html/list_with_js.html);byte[] datas = newbyte[is.available()];is.read(datas);is.close();String html = new String(datas);//将图片放在本地，节省网络流量wv.loadDataWithBaseURL(file:///android_asset/, html,