WebView整理

最新推荐文章于 2021-05-26 20:08:41 发布
最新推荐文章于 2021-05-26 20:08:41 发布
阅读量205 收藏
点赞数
分类专栏： Android 文章标签： android webview
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/timshinlee/article/details/77089631
版权

显示兼容性

首先明确一下两个重要概念：
1. 视窗（viewport）：视窗就是网页可见的矩形区域，可以指定大小和缩放比例等属性。最重要属性是视窗的宽度，这个宽度是从网页的角度来看水平方向上所有可用的像素总数。
2. 屏幕密度：WebView和大部分Android浏览器会把CSS的像素值转换为dip单位值，Android中在160dpi的密度下1dip=1px。所以最好考虑到不同密度下的缩放问题。

1.设置视窗属性

视窗的物理宽度一般就是WebView的宽度，但是视窗可显示内容的宽度可以比物理宽度更宽。比如说屏幕宽度为480px的话，视窗物理宽度也为480px，但是却可以完全显示一个宽度为800px的网页，而且缩放是1.0倍。这是通过设置wideViewportMode来实现的，wideViewportMode大概是980px左右。也可以设置overviewMode来完全显示网页。

WebView默认不会使用wideViewportMode，可以通过调用setWideViewPort()开启。

可以在网页的<head>中设置viewport的属性：

<meta name="viewport"
      content="
          height = [pixel_value | "device-height"] ,
          width = [pixel_value | "device-width"] ,
          initial-scale = float_value ,
          minimum-scale = float_value ,
          maximum-scale = float_value ,
          user-scalable = ["yes" | "no"]
          " />

比如说这样子声明：

<head>
    <title>Example</title>
    <meta name="viewport" content="width=device-width, user-scalable=no" />
</head>

网页针对移动端进行适配的话最好是设成width=device-width。

2.根据屏幕密度设置CSS

可以根据不同屏幕密度提供不同的CSS，比如：

<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.5)" href="hdpi.css" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio: 1.0)" href="mdpi.css" />

1.0代表mdpi，0.75代表ldpi，1.5代表hdpi，依此类推。

也可以在同一个CSS中对屏幕密度进行区分：

#header {
    background:url(medium-density-image.png);
}

@media screen and (-webkit-device-pixel-ratio: 1.5) {
    /* CSS for high-density screens */
    #header {
        background:url(high-density-image.png);
    }
}

@media screen and (-webkit-device-pixel-ratio: 0.75) {
    /* CSS for low-density screens */
    #header {
        background:url(low-density-image.png);
    }
}
3.使用JavaScript

Android浏览器和WebView提供一个DOM属性来查询当前设备的密度：window.devicePixelRatio，这个属性值就是网页需要缩放的比例。该值由网页的目标密度和当前设备密度来决定。网页目标密度默认是mdpi。

比如在JavaScript代码中可以这样调用：

if (window.devicePixelRatio == 1.5) {
  alert("This is a high-density screen");
} else if (window.devicePixelRatio == 0.75) {
  alert("This is a low-density screen");
}

WebView的使用

<?xml version="1.0" encoding="utf-8"?>
<WebView  xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/webview"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"/>

网络权限的申请：

<manifest ... >
    <uses-permission android:name="android.permission.INTERNET" />
    ...
</manifest>

加载网页：

WebView myWebView = (WebView) findViewById(R.id.webview);
myWebView.loadUrl("http://www.example.com");

JavaScript的使用

开启JavaScript：

WebView myWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = myWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
timshinlee
关注
专栏目录
Android 关于WebView全方面的使用
u011275280的专栏
12-06 825
相关类介绍     ·          ·        WebResourceRequest ·        添加于API21，封装了一个Web资源的请求信息，包含：请求地址，请求方法，请求头，是否主框架，是否用户点击，是否重定向   ·          ·        WebResourceResponse ·        封装了一个Web资源的响应
android webview 503,WebView 错误码整理
weixin_32327615的博客
05-26 646
在使用WebView中，我们不可避免的会接触到WebView加载失败的异常处理的需求，这时候，需要我们监听失败的方法也就是onReceivedError方法：public class CustomWebViewClient extends WebViewClient {@Overridepublic void onReceivedError(WebView view, WebResourceReq...
android webview viewport,Android WebView使用setWideViewPort,禁用双击缩放但保持捏缩放？...
weixin_39946500的博客
05-26 466
我正在使用此代码,它完全按照我的意愿工作.但是我必须在双击时实现另一个功能,并且想要禁用双击缩放(但保持缩放缩放功能).webView.getSettings().setLoadWithOverviewmode(true);webView.getSettings().setUseWideViewPort(true);webView.getSettings().setLayoutAlgorithm(...
Webview的奇技淫巧-总结篇
热门推荐
风离紫竹zhangqiang的博客
08-29 1万+
如果我不说奇技淫巧，你们估计就不点进来了 WebView在现在的项目中使用的频率应该还是非常高的。 HTML5因为其便捷性以及低成本性 是现在乃至未来的一种趋势。 我们来看看 Google 官网关于 WebView 的介绍： A View that displays web pages. This class is the basis upon which you can roll yo...
webview整理
09-01 502
转自http://blog.csdn.net/publicperson/article/details/73498099  在这家公司做混合开发已经半年了，接触webview也半年了，期间也体验了crosswalk和TBS等三方，但也有各种各样的问题，最终还是选择了原生webview。对于这系列文章也早有心事，好记性不如烂笔头，但发表到网上又怕别人看到，因为自己理解不够误导大家，所以迟迟
WebView整理归档
u013060126的博客
05-21 277
由于公司的要求，要求我们和H5进行交互，在此我对这段时间趟的坑和学习到的知识进行整理一下，方便以后的学习以及开发。 1.webview在xml文件里的写法，写一个铺满屏幕的webview控件 <WebView android:id="@+id/introduce" android:layout_width="match_parent" android:lay
Android WebView 整理总结
IT程序员
05-18 89
在Android手机中内置了一款高性能webkit内核浏览器，在SDK中封装为一个叫做WebView组件。 什么是webkit WebKit是Mac OS X v10.3及以上版本所包含的软件框架（对v10.2.7及以上版本也可通过软件更新获取）。 同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目，主要由KDE的KHTML修改而来并且包含了一些来...
WebView 知识整理
FanBaoShen的博客
09-16 279
UIWebView
Android WebView控件整理
mjd的专栏
05-30 555
WebSettings settings = mWebView.getSettings(); settings.setJavaScriptEnabled(true);// 表示支持js settings.setBuiltInZoomControls(true);// 显示放大缩小按钮 settings.setUseWideViewPort(true);// 支持双击缩放
Android应用开发中WebView的常用方法笔记整理
09-02
在Android应用开发中，WebView是一个重要的组件，它允许开发者在应用程序内部展示网页内容。这个组件在许多场景下都非常实用，例如构建轻量级的浏览器应用、内嵌网页内容或者实现与网页交互的功能。以下是关于...
Android WebView 常见问题及处理方案
01-05
下面小编把webview经常出现的问题给大家整理如下： 1.为WebView自定义错误显示界面: /** * 显示自定义错误提示页面，用一个View覆盖在WebView */ protected void showErrorPage() { LinearLayout ...
RecyclerView定位，点击项自动滑动到中央
timshinlee的博客
12-29 4012
改写SmoothScroller计算距离，达到smooth滑动到指定位置的效果，解决指定位置可见就不滑动的问题
DataBinding（二）变量及表达式
timshinlee的博客
03-23 3854
1. 概述 在DataBinding的布局文件当中，可以引入各种变量，并在布局文件中使用变量表达式，达到数据绑定的效果。 引入的变量可以使用完整类名，或者使用标签导包。与Java一样，java.lang的包是默认导入的。具体格式及使用方法如下： &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;layout xmlns:android="h...
DataBinding（六）数据转换
timshinlee的博客
03-23 2873
当一个对象从binding表达式中返回的时候，就会自动去查找默认、重命名或自定义的setter。然后该对象会被转型成为所选setter的参数类型。这时候对于使用ObservableMaps就很方便，返回的值会自动转换为setter的参数类型，不过如果可能产生混淆的话，还是需要手动去转型。 &lt;TextView android:text='@{userMap["lastName"]}...
控制状态栏、导航栏、实现沉浸式模式
timshinlee的博客
06-30 2377
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { int systemUiVisibility = getWindow().getDecorView().getSystemUiVisibility(); systemUiVisibility ^= View.SYSTEM_UI_FLAG
DataBinding（五）自动更新
timshinlee的博客
03-23 1191
虽然使用普通的Java对象就可以把数据绑定到UI界面，但是当数据变动时，UI却不会及时更新，所以DataBinding提供了observable objects、observable fields、observable collections来达到自动更新的效果。 observable objects 如果一个类实现了android.databinding.Observable接口，则Da...
DataBinding（三）事件处理
timshinlee的博客
03-23 1092
DataBinding可以在XML中使用事件的回调方法名作为属性名（大部分情况下）来处理View分发的事件。比如说View.OnLongClickListener的回调方法是onLongClick，所以这个事件的属性名称就是android:onLongClick。 事件的处理可以有两种方式： 1. 方法引用：在事件属性的表达式中调用一个方法，这个方法的签名必须和事件回调方法签名一致。当事件回调...
环信笔记
timshinlee的博客
07-20 791
踩坑记录 如果使用了实时通话功能，未添加相应混淆规则会闪退，log如下 # Fatal error in ../../webrtc/api/java/jni/classreferenceholder.cc, line 119 # Check failed: !jni->ExceptionCheck()
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值