Android-WebView的使用

于 2024-04-12 03:58:46 发布
阅读量1k 收藏 26
点赞数 17
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84152738/article/details/137661364
版权

（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(

最低0.47元/天 解锁文章
2401_84152738
关注
  • 17
    点赞
  • 踩
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android webview 放大缩小,Android 上的 Web 视图缩放
weixin_30739835的博客
05-26 2247
Android 上的 Web 视图缩放WebView Zoom on Android05/09/2019本文内容此 Android 平台特定平台支持 "缩小到缩放" 和 "缩放" 控件 WebView 。This Android platform-specific enables pinch-to-zoom and a zoom control on a WebView. 它通过将 WebView...
Android WebView 实现网页缩放
weixin_34128237的博客
07-23 1776
需要对WebView设置的内容如下： //缩放开关，设置此属性，仅支持双击缩放，不支持触摸缩放 mWebView.getSettings().setSupportZoom(true); //设置是否可缩放，会出现缩放工具（若为true则上面的设值也默认为true） mWebView.getSettings().setBuiltInZoomControls(true); //隐藏缩放工具 mWeb...
Android的webview缩放设置
HelloWorld的专栏
09-15 1376
关闭缩放： webSettings.setBuiltInZoomControls(false); webSettings.setSupportZoom(false); webSettings.setDisplayZoomControls(false); 允许缩放，把false设置为true。
Android：Webview页面手势缩放(显示缩放图标和关闭缩放图标)
weixin_72762751的博客
03-13 465
手势缩放并且显示缩放图标。手势缩放并不显示缩放图标。
android webview缩放功能,在Android WebView中启用/禁用缩放
weixin_39539807的博客
05-26 463
千万里不及你在为客户开发Android应用程序时，我们遇到了同样的问题，我设法绕过了这一限制。我查看了WebView类的Android源代码，发现了updateZoomButtonsEnabled()-method与ZoomButtonsController-object一起使用，以根据浏览器的当前比例来启用和禁用缩放控件。我搜索了一种返回ZoomButtonsController-instanc...
android-system-webview-7703.apk
11-30
Android8.0以下手机自带的android-system-webview版本过低使用
Android-webview模拟原生页面切换效果
08-13
在开发中，有时候我们会在app中使用WebView加载一个web页面。这样可以适当减轻我们开发的难度。但是弊端是WebView中切换html，没有像原生页面的切换效果。这里我们就利用动画，以及 获取网页的快照来实现android ...
vue-bridge-webview：javascript bridge androidios webview
02-06
javascript bridge android / ios webview 安装 浏览器 [removed][removed] [removed][removed] 包装经理 npm install vue-bridge-webview --save import Vue from ' vue ' import VueBridgeWebview f
react-native-android-fullscreen-webview:在Android上支持全屏视频的React Native WebView组件
05-02
iOS默认情况下支持此行为，因此将仅使用本机iOS WebView。 入门 yarn add hummingbird-me/react-native-android-fullscreen-webview 自动链接库 react-native link 更新AndroidManifest.xml 在您的主要活动下，...
android-webview
07-16
android-webview
Android WebView中图片浏览及缩放效果
01-04
本文实例为大家分享了Android WebView图片浏览及缩放效果展示的具体代码，供大家参考，具体内容如下 此工程用到了两个开源库: PhotoView支持图片的缩放 Android-Universal-Image-Loader图片的异步加载 （android studio）将两个源工程中的library文件夹导入到Demo Module所在的Project中，修改各自的build.gradle文件，让里面的版本号、所用的android包等与Demo Module相同即可。大致如图： 源代码： 主Activity.java public class MainActiv
Android中实现WebView点击图片放大显示
01-03
Android中实现WebView点击图片放大显示，完整代码demo。
android 网页 缩放比例,Android WebView：在加载内容后缩放到特定比例
weixin_42174098的博客
05-26 802
解决方法1：在这里我们设置按百分比缩放级别这个意义上，当页面就绪的getScale将返回5.2f：mView.setWebViewClient(new WebViewClient() {@Overridepublic void onPageStarted(WebView view, String url, Bitmap favicon) {view.setInitialScale(520);sup...
android webview 缩放及换行 及其webview 进度条
wangyingtong的专栏
09-06 1383
1、webview支持页面缩放，一般通过以下设置就可满足80%的要求 //缩放开关 webView.getSettings().setSupportZoom(true); 设置此属性，仅支持双击缩放，不支持触摸缩放（在android4.0是这样，其他平台没试过） // 设置是否可缩放 webView.getSettings().setBuiltInZoomControls(true);
Android WebView缩放配置，设置网页初始缩放比例
沧海龙腾LV的博客
10-09 9321
配置webview缩放参数值： //设置true,才能让Webivew支持<meta>标签的viewport属性 webSettings.setUseWideViewPort(true); //设置可以支持缩放 webSettings.setSupportZoom(true); //设置出现缩放工具 webSettings.setBuiltInZoomControls(true)...
Android webview 加载html 页面缩放的问题
Gaga246的博客
10-13 861
我当时想了两种思路：一种是在html页面加点击事件 点击跳入下一个页面 ，上面展示点击的 相关内容的大的文字或者图片。另一种思路是 手势放大缩小这个页面。那么怎么能设置 html页面在webview上加载以后 可以 放大缩小呢。个问题 ： 就是网页上面的内容 字体或者图片等 设置的过小，就影响用户查看，看不清楚。4.企业级Android音视频开发学习路线+项目实战（附源码）我在做webview 嵌入HTML 网页的时候，碰到这样一。10.Android零基础入门到精通，高手进阶之路。
Android WebView实现页内跳转以及缩放
cc
08-09 2835
Android WebView实现页内跳转以及缩放。
Android webview 加载html 页面缩放的问题，15分钟的字节跳动视频面试
最新发布
2401_84164503的博客
04-07 290
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件一个人可以走的很快，但一群人才能走的更远。
android studio webview使用
06-28
### 回答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内容。WebView是Android中的内置组件，可用于在应用程序中显示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应用中显示网页内容的常用方式。WebView是Android中自带的一个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、付费专栏及课程。

余额充值