返回顶部
首页 > 资讯 > 移动开发 >Android:WebView 实现网页加载
  • 482
分享到

Android:WebView 实现网页加载

webviewAndroid 2022-06-06 14:06:22 482人浏览 泡泡鱼
摘要

对AndroidMainifest进行修改 在上图所示位置插入下面的语句,设置权限,允许应用访问网络。 在上图所示位置插入下面的语句,不进行网页安全检查。 android:usesCleartextTraffic="tru

AndroidMainifest
进行修改
在这里插入图片描述
在这里插入图片描述
在上图所示位置插入下面的语句,设置权限,允许应用访问网络

在这里插入图片描述
在上图所示位置插入下面的语句,不进行网页安全检查。

android:usesCleartextTraffic="true"
Activity
文件中插入下面的代码,只用修改网址即可
myWEBView.loadUrl("Http://www.baidu.com");
    private WebView myWebView;
    private long exitTime = 0;
    @SuppressLint("SetjavascriptEnabled")
    @Requiresapi(api = Build.VERSioN_CODES.KITKAT)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_parent);
        myWebView = (WebView) findViewById(R.id.myWebView);
        myWebView.getSettings().setJavaScriptEnabled(true);  //设置WebView属性,运行执行js脚本
        myWebView.loadUrl("http://www.baidu.com");	//设置网址
        myWebView.setWebViewClient(new WebViewClient());
        WebSettings webSettings = myWebView.getSettings();
        //如果访问的页面中要与Javascript交互,则webview必须设置支持Javascript
        webSettings.setJavaScriptEnabled(true);
        //设置自适应屏幕,两者合用
        webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小
        webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小
        webSettings.setLayoutAlGorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING); //支持内容重新布局
        //缩放操作
        webSettings.setSupportZoom(true); //支持缩放,默认为true。是下面那个的前提。
        webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false,则该WebView不可缩放
        webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件
        webSettings.setTextZoom(2);//设置文本的缩放倍数,默认为 100
        webSettings.setRenderPriority(WebSettings.RenderPriority.HIGH);  //提高渲染的优先级
        webSettings.setStandardFontFamily("");//设置 WebView 的字体,默认字体为 "sans-serif"
        webSettings.setDefaultFontSize(20);//设置 WebView 字体的大小,默认大小为 16
        webSettings.setMinimumFontSize(12);//设置 WebView 支持的最小字体大小,默认为 8
    }
    //我们需要重写回退按钮的时间,当用户点击回退按钮:
    //1.webView.canGoBack()判断网页是否能后退,可以则goback()
    //2.如果不可以连续点击两次退出App,否则弹出提示Toast
    @Override
    public void onBackPressed() {
        if (myWebView.canGoBack()) {
            myWebView.goBack();
        } else {
            if ((System.currentTimeMillis() - exitTime) > 2000) {
                Toast.makeText(getApplicationContext(), "再按一次返回退出",
                        Toast.LENGTH_SHORT).show();
                exitTime = System.currentTimeMillis();
            } else {
                //super.onBackPressed();
                finish();
            }
        }
    }
Layout 布局文件中插入WebView

SongXJ-- 原创文章 21获赞 26访问量 1万+ 关注 私信 展开阅读全文
作者:SongXJ--


--结束END--

本文标题: Android:WebView 实现网页加载

本文链接: https://lsjlt.com/news/29798.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android:WebView 实现网页加载
    对AndroidMainifest进行修改 在上图所示位置插入下面的语句,设置权限,允许应用访问网络。 在上图所示位置插入下面的语句,不进行网页安全检查。 android:usesCleartextTraffic="tru...
    99+
    2022-06-06
    webview Android
  • jquery怎么实现网页加载进度条
    小编给大家分享一下jquery怎么实现网页加载进度条,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!如下图,在页面加载的时候,上方红色的进度条网页加载进度的好处是能够更好的反应当前网页的加载...
    99+
    2024-04-02
  • HTML5+CSS3如何实现网页加载进度条
    这篇文章将为大家详细讲解有关HTML5+CSS3如何实现网页加载进度条,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。效果图:1、html结构:<div i...
    99+
    2024-04-02
  • 使用vue实现加载页
    本文实例为大家分享了用vue实现加载页的具体代码,供大家参考,具体内容如下 <template>     <div class="bac" style="heig...
    99+
    2024-04-02
  • Vue实现网页首屏加载动画及页面内请求数据加载loading效果
    目录简介:使用范例:1、四圆点加载动画2、旋涡加载动画3、电池状态加载动画4、请求数据缓慢实现loading提示【推荐】Ⅰ、封装loading组件【推荐】Ⅱ、通过elementUI实...
    99+
    2023-02-10
    vue 加载动画 vue 页面加载动画 vue 页面加载
  • 如何利用VUE懒加载,实现网页秒开?
    什么是UE加载? UE加载是指用户在打开网页时,在浏览器中加载和呈现网页内容的过程。UE加载速度直接影响用户体验,如果UE加载速度较慢,用户将会等待较长时间才能看到网页内容,这将导致用户体验不佳。 UE加载如何影响网页性能? UE加载速...
    99+
    2024-02-13
    本篇文章将讨论如何通过UE加载更快网页。在探讨过程中 我们将介绍什么是UE加载 它如何影响网页性能 以及如何优化UE加载以实现更快的网页加载速度。
  • CSS Positions布局实现网页加载动画的技巧
    在当今互联网时代,网页设计越来越注重用户体验,其中网页加载动画是吸引用户注意力的重要元素之一。而CSS Positions布局是一种常用的网页布局方式,通过合理运用它,可以实现网页加载动画的效果。本文将介绍如何利用CSS Positions...
    99+
    2023-10-21
    技巧 布局 CSS Positions 网页加载动画
  • flutter实现倒计时加载页面
    本文实例为大家分享了flutter实现倒计时加载页面的具体代码,供大家参考,具体内容如下 效果图 实现步骤 1、pubspec.yaml中添加依赖 flustars,该包的Time...
    99+
    2024-04-02
  • Android实现ListView分页加载数据
    本文实例为大家分享了ListView分页加载数据的具体代码,供大家参考,具体内容如下 FenyeActivity package com.example.myapplicatio...
    99+
    2024-04-02
  • PHP+InfiniteScroll网页无限滚动加载数据怎么实现
    这篇文章主要介绍“PHP+InfiniteScroll网页无限滚动加载数据怎么实现”,在日常操作中,相信很多人在PHP+InfiniteScroll网页无限滚动加载数据怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希...
    99+
    2023-06-04
  • PHP实现数据分页,让网站加载速度更快
    PHP实现数据分页,让网站加载速度更快,需要具体代码示例 随着互联网的快速发展和用户需求的不断增加,网站的数据量通常都会变得非常大,大量数据的加载会导致网页加载速度变慢,影响用户体验。...
    99+
    2024-02-29
    php 数据分页 加速加载
  • Android Webview添加网页加载进度条实例详解
    推荐阅读:Android WebView线性进度条实例详解 最近在android项目中使用webview嵌套了一个抽奖活动网页,活动上线,运行良好(改了N次需求和突发bug),...
    99+
    2022-06-06
    进度条 webview Android
  • CSS3怎么实现页面加载动画
    这篇文章主要介绍“CSS3怎么实现页面加载动画”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS3怎么实现页面加载动画”文章能帮助大家解决问题。   ...
    99+
    2024-04-02
  • CSS3怎么实现页面加载效果
    这篇文章给大家分享的是有关CSS3怎么实现页面加载效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。知识点讲解   (1)animation:设置动画属性   animati...
    99+
    2024-04-02
  • Vue如何实现页面加载占位
    这篇文章主要介绍了Vue如何实现页面加载占位的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue如何实现页面加载占位文章都会有所收获,下面我们一起来看看吧。效果如下思路与实现页面加载时用户等待,此时与用户交互的...
    99+
    2023-07-05
  • nodejs通过phantomjs实现下载网页
    功能其实很见简单,通过 phantomjs.exe 采集 url 加载的资源,通过子进程的方式,启动nodejs 加载所有的资源,对于css的资源,匹配css内容,下载里面的url资源 当然功能还是很简单的...
    99+
    2022-06-04
    下载网页 nodejs phantomjs
  • Python3实现Web网页图片下载
    先来介绍一些python web编程基础知识 1. GET与POST区别 1)POST是被设计用来向web服务器上放东西的,而GET是被设计用来从服务器取东西的,GET也能够向服务器传送较少的数据,而Get...
    99+
    2022-06-04
    图片下载 网页 Web
  • 使用Timer实现网页匀速加载的进度条样式
    在使用WebView加载网页时有时候网速等原因加载比较慢时,为了避免在加载网页的时候出现一片空白的区域,给用户很不好的体验感,我们往往在加载的时候添加一个进度条,使用户直观的感受到网页加载的进度,通常我们可以通过WebChromeClien...
    99+
    2023-05-31
    timer 网页 进度条
  • nodejs实现bigpipe异步加载页面方案
    Bigpipe介绍 Facebook首创的一种减少HTTP请求的,首屏快速加载的的异步加载页面方案。是前端性能优化的一个方向。 BigPipe与AJAX的比较 AJAX主要是XMLHttpRequest,前...
    99+
    2022-06-04
    加载 页面 方案
  • React Native 加载H5页面的实现方法
    目录一、基本使用1.1 RN向H5发送数据1.2 H5向RN传递数据1.3 双向传值二、属性和方法2.1 属性2.2 方法三、使用示例3.1 加载外源网页信息3.2 登陆场景3.3 ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作