Android-WebView的使用

(3)使用loadUrl()函数,将页面载入到WebView

WebView myWebView = (WebView) findViewById(R.id.webView);

myWebView.loadUrl(“https://www.baidu.com”);

注:互联网文件用:webView.loadUrl(“https://www.baidu.com”);

本地文件用:webView.loadUrl(“file:///android_asset/XX.html”); 本地文件存放在:assets文件中

通过以上3步就可以完成WebView控件的基本使用。

在这里插入图片描述

注:也可以使用loadData()加载一段html

WebView myWebView = (WebView) findViewById(R.id.webView);

//构造未编码的html字符串,并用Base64编码,再调用loadData()方法

String unencodedHtml =

“<html><body>‘%23’ is the percent code for ‘#‘ </body></html>”;

String encodedHtml = Base64.encodeToString(unencodedHtml.getBytes(),

Base64.NO_PADDING);

myWebView.loadData(encodedHtml, “text/html”, “base64”);

在这里插入图片描述

| loadUrl() | loadData(data, “text/html”, “UTF-8”) |

| — | — |

| 直接显示网页内容(单独显示网络图片) | 用来加载URI格式的数据,不能通过网络来加载内容, 不能加载图片 |

| 一般不会出现乱码 | 经常会遇到乱码的问题 |

4.js注入

================================================================

(1)开启js注入

WebView myWebView = (WebView) findViewById(R.id.webView);

myWebView.getSettings().setJavaScriptEnabled(true);

(2)加载页面并设置页面加载结束时的方法,注意注入js字符串中的分号

myWebView.loadUrl(“http://jwgl.fjnu.edu.cn”);

myWebView.setWebViewClient(new WebViewClient() {

@Override

public void onPageFinished(WebView view, String url) {

view.loadUrl(“javascript:” +

“var username = document.getElementById(‘txtUserName’);” +

“username.value = 123012016029;” +

“window.alert(username);”);

}

});

通过以上2步就可以完成WebView控件的js注入,并设置id为txtUserName的输入框的值。

5.后退事件

================================================================

用WebView点链接看了很多页以后为了让WebView支持回退功能,需要覆盖Activity类的onKeyDown()方法,如果不做任何处理,点击系统回退键,整个浏览器会调用finish()而结束自身,而不是回退到上一页面,如果希望浏览的网页回退而不是退出浏览器,需要在当前Activity中处理并消费掉该 Back 事件

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {

if ((keyCode == KEYCODE_BACK) && myWebView.canGoBack()) {

myWebView.goBack();

return true;

}

return super.onKeyDown(keyCode, event);

}

6.网页缩放

================================================================

根据我们一般的习惯打开网页对于看不清楚的地方,我们喜欢双指来缩放网页,而WebView默认是不支持缩放的,需要我们自己手动来设置。

myWebView.getSettings().setUseWideViewPort(true);//设定支持viewport

myWebView.getSettings().setLoadWithOverviewMode(true); //自适应屏幕

myWebView.getSettings().setBuiltInZoomControls(true);

myWebView.getSettings().setDisplayZoomControls(false);

myWebView.getSettings().setSupportZoom(true);//设定支持缩放

7.Cookies的使用

======================================================================

(1)获取WebView的Cookie数据

用户输入账号密码后,点击登陆,用户要拿着这个Cookie去访问服务器提供的相关服务,我们可以把cookie的获取写到onPageFinsihed的方法中

@Override

public void onPageFinished(WebView view, String url) {

CookieManager cookieManager = CookieManager.getInstance();

String CookieStr = cookieManager.getCookie(url);

Log.e(“Cookie”, "Cookies = " + CookieStr);

super.onPageFinished(view, url);

}

(2)设置WebView的Cookie数据

我们上面获取到了Cookie或者通过其他途径获得了Cookie之后,可以在需要设置Cookie的地方(需要写在loadUrl()之前)加入下述代码:

CookieSyncManager.createInstance(MainActivity.this);

CookieManager cookieManager = CookieManager.getInstance();

cookieManager.setAcceptCookie(true);

cookieManager.setCookie(url, cookies); //cookies是要设置的cookie字符串

CookieSyncManager.getInstance().sync();

8.缓存机制

================================================================

当我们加载html时候,会在我们data/应用package下生成database与cache两个文件夹:我们请求的Url记录是保存在webviewCache.db里,而url的内容是保存在webviewCache文件夹下.

(1)缓存构成

/data/data/package_name/cache/

/data/data/package_name/database/webview.db

/data/data/package_name/database/webviewCache.db

webview 会将我们浏览过的网页url已经网页文件(css、图片、js等)保存到数据库表中

打开缓存文件的步骤为:View–>Tool Windows–>Device File Explore

图片

(2)缓存模式

| 模式 | 说明 |

| — | — |

| LOAD_CACHE_ONLY | 不使用网络,只读取本地缓存数据 |

| LOAD_DEFAULT | 根据cache-control决定是否从网络上取数据 |

| LOAD_CACHE_NORMAL | API level 17中已经废弃, 从API level 11开始作用同LOAD_DEFAULT模式 |

| LOAD_NO_CACHE | 不使用缓存,只从网络获取数据 |

| LOAD_CACHE_ELSE_NETWORK | 只要本地有,无论是否过期,或者no-cache,都使用缓存中的数据 |

(3)设置WebView 缓存模式

private void initWebView() {

myWebView.getSettings().setJavaScriptEnabled(true);

myWebView.getSettings().setRenderPriority(RenderPriority.HIGH);

//设置缓存模式

myWebView.getSettings().setCacheMode(WebSettings.LOAD_DEFAULT);

myWebView.getSettings().setDomStorageEnabled(true);

myWebView.getSettings().setDatabaseEnabled(true);

String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;

Log.i(“initWebView”, “cacheDirPath=” + cacheDirPath);

//设置数据库缓存路径

myWebView.getSettings().setDatabasePath(cacheDirPath);

myWebView.getSettings().setAppCachePath(cacheDirPath);

myWebView.getSettings().setAppCacheEnabled(true);

}

(4)清除缓存

public void clearWebViewCache() {

//清理Webview缓存数据库

try {

deleteDatabase(“webview.db”);

deleteDatabase(“webviewCache.db”);

} catch (Exception e) {

e.printStackTrace();

}

//WebView 缓存文件

File appCacheDir = new File(getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME);

Log.e(“clearWebViewCache”, “appCacheDir path=” + appCacheDir.getAbsolutePath());

File webviewCacheDir = new File(getCacheDir().getAbsolutePath() + “/webviewCache”);

Log.e(“clearWebViewCache”, “webviewCacheDir path=” + webviewCacheDir.getAbsolutePath());

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

最后

正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!

资料领取方式:点击这里前往免费获取

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

[外链图片转存中…(img-5UhoXEcq-1713463837795)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:前端)

[外链图片转存中…(img-v3z4xL20-1713463837795)]

最后

正值金三银四招聘旺季,很多小伙伴都询问我有没有前端方面的面试题,特地整理出来赠送给大家!

资料领取方式:点击这里前往免费获取

前端资料图.PNG

  • 9
    点赞
  • 24
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: Android Studio中使用WebView的步骤如下: 1. 在布局文件中添加WebView组件: ``` <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在Activity中获取WebView组件的引用: ``` WebView webView = (WebView) findViewById(R.id.webview); ``` 3. 设置WebView的属性,如启用JavaScript、缩放等: ``` webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setBuiltInZoomControls(true); ``` 4. 加载网页: ``` webView.loadUrl("http://www.example.com"); ``` 5. 处理WebView的各种事件,如页面加载完成、页面加载失败等: ``` webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { // 页面加载完成 } @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { // 页面加载失败 } }); ``` 以上就是使用Android Studio中WebView的基本步骤。 ### 回答2: Android Studio是开发Android应用程序的集成开发环境(IDE)。其中一个常见的功能是使用WebView来显示Web内容。WebViewAndroid中的内置组件,可用于在应用程序中显示Web页面。这对于需要整合Web和本地应用程序的开发人员来说非常有用。 使用WebView在应用程序中显示Web页面的过程包括以下步骤: 1.在布局文件中添加WebView元素:在布局文件中添加一个WebView元素。例如: <WebView android:id="@+id/web_view" android:layout_width="match_parent" android:layout_height="match_parent" /> 2.在Java代码中为WebView加载URL:在Java代码中为WebView加载URL。例如: WebView webView = (WebView) findViewById(R.id.web_view); webView.loadUrl("http://www.example.com/"); 3.自定义WebView设置:根据需要,可以使用WebView类的各种设置进行自定义。例如: webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); webView.getSettings().setBuiltInZoomControls(true); webView.getSettings().setDisplayZoomControls(false); webView.setWebViewClient(new WebViewClient()); 4.处理WebView中的链接:处理WebView中的链接通常需要添加WebViewClient。例如: webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { if (url.startsWith("http:") || url.startsWith("https:")) { view.loadUrl(url); return false; } // Handle other URL schemes return true; } }); 这些步骤的组合可以帮助您在Android应用程序中轻松使用WebView。如果您想更深入地学习WebView使用,可以探索WebView类的其他方法和WebViewClient类的功能。 ### 回答3: Android Studio是一个功能强大的开发工具,可以用于Android App的开发。而使用WebView是在Android应用中显示网页内容的常用方式。WebViewAndroid中自带的一个View,可以将它作为一个控件嵌入应用程序中,以显示Web页面。 WebView使用方法如下: 1. 在布局文件中添加WebView控件: ``` <WebView android:id="@+id/webview" android:layout_width="match_parent" android:layout_height="match_parent"/> ``` 2. 在Java代码中获取WebView控件的实例,并使用loadUrl()方法加载需要显示的网页: ``` WebView webView = (WebView) findViewById(R.id.webview); webView.loadUrl("http://www.example.com/"); ``` 3. 如果需要细致地控制WebView的行为,可以使用WebSettings类来进行设置。例如设置支持JavaScript: ``` WebSettings webViewSettings = webView.getSettings(); webViewSettings.setJavaScriptEnabled(true); ``` 4. WebView也支持处理一些与网页有关的事件。例如,当WebView加载完毕时,调用onPageFinished()方法: ``` webView.setWebViewClient(new WebViewClient() { @Override public void onPageFinished(WebView view, String url) { // Do something when page is finished loading } }); ``` 5. 如果需要拦截WebView中的请求并进行处理,可以使用WebViewClient类的shouldOverrideUrlLoading()方法: ``` webView.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url) { // Do something when a url is clicked inside the WebView return true; // Return true to indicate the click has been handled } }); ``` 总而言之,WebView是一个非常便捷的控件,使得在Android应用程序中显示网页内容非常易于操作。通过加入一些简单的设置和事件处理,可以在应用程序中提供完整的Web浏览体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值