1、亲您好。

1、亲您好。

1、第一步在我们的电脑上打开eclipse软件，集成ADT，新建一个android项目，如下图所示：。

2、第二步打开新建的android项目，在main.xml文件里面添加一个WebView组件，id为“webview”,如下图所示：。

3、第三步在XxActivity里面，定义WebView组件，通过findViewById(R.id.webView);找到加载web资源，webView.loadUrl("网址");来打开网页，这里输入的是百度网址，如下图所示：。

4、第四步使用webview组件，还需要在AndroidManifest.xml文件里面设置访问网络权限，添加代码，如下图所示：。

5、第五步使用WebView组件打开网页的代码已经编写完了，打开android模拟器，查看是否通过webview组件打开百度网页，点击启动模拟器的图标，如下图所示：。

6、第六步进去模拟器列表界面之后，首先添加一个android模拟器，选择API版本，点击start启动模拟器，如下图所示：。

7、第七步启动android模拟器之后，我们运行android项目，可以看到通过webview组件已经在模拟器成功打开了百度网页，如下图所示：。

1、第一步在我们的电脑上打开eclipse软件，集成ADT，新建一个android项目，如下图所示：。

1、localStoragesessionStorage都是HTML5的东西这些东西和webView没有什么关系webView相当一于一个浏览器而已而localStoragesessionStorage是用js脚本去写的,只要你设置webView允许执行javascript脚本即可设置方式、WebSettingssetting=webView.getSettings()setting.setJavaScriptEnabled(true)//支持jslocalStoragesessionStorage用法、在客户端存储数据HTML5提供了两种在客户端存储数据的新方法、localStorage-没有时间限制的数据存储sessionStorage-针对一个session的数据存储之前，这些都是由cookie完成的。

2、但是cookie不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率也不高。

3、在HTML5中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。

4、它使在不影响网站性能的情况下存储大量数据成为可能。

5、对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。

6、HTML5使用JavaScript来存储和访问数据。

7、localStorage方法localStorage方法存储的数据没有时间限制。

8、第二天、第二周或下一年之后，数据依然可用。

9、如何创建和访问localStorage、实例localStorage.lastname="Smith"document.write(localStorage.lastname)下面的例子对用户访问页面的次数进行计数、实例if(localStorage.pagecount){localStorage.pagecount=Number(localStorage.pagecount)+1}else{localStorage.pagecount=1}document.write("Visits"+localStorage.pagecount+"time(s).")sessionStorage方法sessionStorage方法针对一个session进行数据存储。

10、当用户关闭浏览器窗口后，数据会被删除。

11、如何创建并访问一个sessionStorage、实例sessionStorage.lastname="Smith"document.write(sessionStorage.lastname)下面的例子对用户在当前session中访问页面的次数进行计数、实例if(sessionStorage.pagecount){sessionStorage.pagecount=Number(sessionStorage.pagecount)+1}else{sessionStorage.pagecount=1}document.write("Visits"+sessionStorage.pagecount+"time(s)thissession.")。

1、仔细观察百度浏览的效果，地址栏上输入网址，点击“前往”按钮开始加载网址，后在WebView显示加载的网页内容，使用一个线性布局，布局代码如下：。

2、自定义WebView，命名ProgressWebView，该ProgressWebView的一个特点，加载网页地址的时候，动态显示加载进度，和普通浏览器差不多，代码如下：publicProgressWebView(Contextcontext,AttributeSetattrs){super(context,attrs);progressbar=newProgressBar(context,null,android.R.attr.progressBarStyleHorizontal);progressbar.setLayoutParams(newLayoutParams(LayoutParams.FILL_PARENT,10,0,0)); Drawabledrawable=context.getResources().getDrawable(R.drawable.progress_bar_states);    progressbar.setProgressDrawable(drawable);addView(progressbar);setWebViewClient(newWebViewClient(){});setWebChromeClient(newWebChromeClient());//是否支持缩放getSettings().setSupportZoom(true);getSettings().setBuiltInZoomControls(true);}。

3、在这个构造方法里面，自定义进度条属性，设置为水平进度条，进度条的高度，同时定义进度条状态颜色，写在progress_bar_states.xml文件中，代码如下：    。

4、在这个xml文件中，可以按照自己喜好设置加载颜色，然后把进度条视图添加到WebView视图中，在使用ProgressWebView加载HTML网页，可以像360浏览器一样显示加载进度。setWebChromeClient(newWebChromeClient())用于加载请求的网页，支持进度条、js等效果，这里定义一个内部类WebChromeClient，代码如下：publicclassWebChromeClientextendsandroid.webkit.WebChromeClient{@OverridepublicvoidonProgressChanged(WebViewview,intnewProgress){  super.onProgressChanged(view,newProgress); if(newProgress==100){progressbar.setVisibility(GONE);   }else{if(progressbar.getVisibility()==GONE)progressbar.setVisibility(VISIBLE);progressbar.setProgress(newProgress);}   }}。

5、创建ProgressWebActivity.java类文件，获取布局文件的EditText、Button、WebView控件Id，控件初始化@OverrideprotectedvoidonCreate(BundlesavedInstanceState){  super.onCreate(savedInstanceState);setContentView(R.layout.activity_baseweb);     initView();     initData();}privatevoidinitView(){    initTitleView(getWindow().getDecorView(),R.string.load_news_detail_info,ProgressWebActivity.this);    mWebView=(ProgressWebView)findViewById(R.id.baseweb_webview);    mWebView.getSettings().setJavaScriptEnabled(true);}。

6、获取EditText控件输入的网页地址，并判断是否输入正确是http或https开头；给Button设置监听器，onClick()方法中调用WebView的loadUrl方法加载网页protectedvoidinitData(){Intentintent=getIntent();Bundlebundle=intent.getExtras();Stringurl=bundle.getString("url");if(!TextUtils.isEmpty(url)&&!TextUtils.isEmpty(title)){   mWebView.loadUrl(url);    }}@OverrideprotectedvoidonDestroy(){   super.onDestroy();   mWebView=null;  }}。

7、打开虚拟机或测试手机，运行Android简单Web浏览器项目，initData方法获取上一个Activity传递过来的Intent数据，取出网页URL，判断连接是否为空，如果不为空，则使用自定义的ProgressWebView的loadUrl()方法加载，这个时候我们将会在APP端看到如下效果：。

1、WebView提供了一个loadData(Stringdata,StringmimeType,Stringencoding)方法，该方法可用于加载并显示HTML代码。WebView加载包含中文的HTML内容时，WebView将会显示乱码。但是使用loadDataWithBaseURL(Stringdata,StringmimeType,Stringencoding,StringhistoryUrl)方法，这个就不会出现乱码。。

2、loadDataWithBaseURL(Stringdata,StringmimeType,Stringencoding,StringhistoryUrl)方法的参数说明data：指定需要加载的HTML代码。mimeType：指定HTML代码的MIME类型，对于HTML代码可指定为text/htmlencoding：指定HTML代码编码所用的字符集。比如指定为GBK。。

3、实现加载html代码。

4、很多时候，WebView加载的页面上是带JavaScript脚本的。为了相互的交互，就会出现JavaScript脚本来调用android中的方法。WebView提供了一套配套的WebSettings工具类，该工具类提供了大量方法来管理WebView的选项设置，其中它的setJavaScriptEnabled(true)即可让WebView中的JavaScript脚本来调用Android方法。除此之外，为了把Android对象暴露给WebView中的JavaScript代码，WebView提供了addJavaScriptInterface(Objectobject,Stringname)方法，该方法负责把object对象暴露成JavaScript中的name对象。。

5、总结上面的说法1》调用WebView关联的WebSettings的setJavaScriptEnable(true)启用JavaScript调用功能。2》调用WebView的addJavaScriptInterface(Objectobject，Stringname)方法将object对象暴露给JavaScript。3》在JavaScript脚本中通过刚才暴露的name对象调用Android的方法。。

6、代码的实现。

7、HTML调用android方法HTML代码如下。

1、在AndroidManifest.xml设置访问网络权限：在res里新建layout布局，置入webview控件简单的显示一个网页的代码webView=(WebView)findViewById(R.id.webView);//web资源webView.loadUrl("https://www.baidu.com");//设置WebViewClient客户端webView.setWebViewClient(newWebViewClient(){  @Override  publicbooleanshouldOverrideUrlLoading(WebViewview,Stringurl){    view.loadUrl(url);    returntrue;  }});。

2、webview加载本地网页在app/src/main下新建一个文件夹，取名assets，将想要加载的html文件放进去，如果HTML文件用到了CSS样式，字体，需要将这些文件也一同放进去，如图所示同上，在res里新建layout布局，置入webview控件关键代码：mWebView=(WebView)findViewById(R.id.webView);WebSettingswebSettings=mWebView.getSettings();webSettings.setJavaScriptEnabled(true);mWebView.loadUrl("file:///android_asset/localhtml.html");。

3、webview与JS交互能够实现原生与H5混合开发，这里只简单介绍WebView的loadUrl（），具体需要什么样的接口要根据需求来定制，如提供h5页面调用相机功能，提供定位功能的接口等，选择哪种方法也根据自己android调用JS代码的方法有2种：通过WebView的loadUrl（）通过WebView的evaluateJavascript（）而JS调用Android代码的方法有3种：通过WebView的addJavascriptInterface（）进行对象映射通过WebViewClient的shouldOverrideUrlLoading()方法回调拦截url通过WebChromeClient的onJsAlert()、onJsConfirm()、onJsPrompt（）方法回调拦截JS对话框alert()、confirm()、prompt（）消息这里主要讲一个js调用androidtoast的实例。

4、在app/src/main下新建assets文件夹，放入一个jshtml.html文件    测试functioncallToast(){test.toast("js调用了android的toast方法");}按钮创建api类，定义JS需要调用的方法//定义JS需要调用的方法//被JS调用的方法必须加入@JavascriptInterface注解@JavascriptInterfacepublicvoidtoast(Stringmsg){  Toast.makeText(context,msg,Toast.LENGTH_LONG).show();}关键代码：//设置与Js交互的权限webSettings.setJavaScriptEnabled(true);//通过addJavascriptInterface()将Java对象映射到JS对象//参数1：Javascript对象名//参数2：Java对象名mWebView.addJavascriptInterface(newJsApi(JsWebViewActivity.this),"test");//AndroidtoJS类对象映射到js的test对象//加载JS代码//格式规定为:file:///android_asset/文件名.htmlmWebView.loadUrl("file:///android_asset/jshtml.html");。

1、自己继承WebViewClient重写一个MyWebClient，里面有一个shouldOverrideUrlLoading()方法，这个方法就是你在WebView里点击链接后要执行的方法，在这个方法里去处理两个WebView的显示和隐藏。

2、当然要注意自己写的这个MyWebClient要设置到控件里、webView.setWebViewClient(newMyWebClient())如果有必要，可以写两个MyWebClient_MyWebClient_分别把两个WebView都设置上，这样可以对两个WebView区别操作。

3、至于第二个WebView的进入，就要用动画来写。

4、这个应该属于位置移动动画TranslateAnimation。