Android开发中怎样获取WebView的内容宽度高度

  次阅读 作者:智能小宝 来源:互联网 2015-10-02 21:27 我要评论(0)

Android开发时,从WebView,我不但想要知道ContentHeight,还想知道ContentWidth。不幸的是,从一个 WebView获取contentWidth是相当困难,因为SDK中没有一个像这样的方法,所以本文为大家呈现了一种实用的解决此问题的方法。

The extensive Android SDK allows you to do many great things with particular views like the WebView for displaying webpages on Android powered devices.

Android SDK 的扩展,通过使用特定的view,允许你做许多事情。比如,WebView,用来在Android手机上展示网页。

As of lately while I was experimenting with the Android SDK I was using a WebView in one of my activities.

最近,我在体验Android SDK的时候,在一个Activity中用到了WebView。

From that particular WebView I needed to know the ContentHeight but also the ContentWidth.

从WebView,我不但想要知道ContentHeight,还想知道ContentWidth。

Now getting the contentHeight is easy like so:

现在的情况是:获取contentHeight很easy,如下:

webview.getContentHeight();

Unfortunately getting the contentWidth from a WebView is rather more difficult, since there is not a simple method like:

不幸的是,从一个WebView获取contentWidth是相当困难,因为SDK中没有一个像这样的方法:

// THIS METHOD DOES NOT EXIST!

webview.getContentWidth();

There are ways to get the contentWidth of the rendered HTML page and that is through Javascript. If Javascript can get it for you, then you can also have them in your Java code within your Android App.

当然是有方法获取contentWidth的,就是通过Javascript来获龋如果你能够支持Javascript,那么你就可以在你的 Android 程序中,使用java代码来获取宽度。

By using a JavascriptInterface with your WebView you can let Javascript communicate with your Android App Java code by invoking methods on a registered object that you can embed using the JavascriptInterface.

通过在你的WebView中使用JavascriptInterface,通过调用你注册的JavascriptInterface方法,可以让 Javascript和你的Android程序的java代码相互连通。

So how does this work?

怎么做呢?

For a quick example I created a simple Activity displaying a webview that loads a webpage wich displays a log message and a Toast message with the contentWidth wich was determined using Javascript. Note that this happens AFTER the page was finished loading, because before the page is finished loading the width might not be fully rendered. Also keep in mind that if there is content loaded asynchronously that it doesn't affect widths (most likely only heights will be affected as the width is almost always fully declared in CSS files unless you have a 100% width webpage).

搭建一个快速的例子:创建一个简单的展示webView的Activity,一个LogCat消息,一个Toast消息,用来显示我们通过 Javascript获取的宽度。注意:这些会在网页完全加载之后显示,因为在网页加载完成之前,宽度可能不能够正确的获取到。同时也要注意到,如果是异 步加载,这并不影响宽度(最多高度会受影响,因为宽度总是在CSS文件中做了完全的定义,除非在网页中你用了100%宽度。)。

Below is the code of the Activity Main.java:

下面的代码是Activity的代码

01 package com.pimmos.android.samples.webviewcontentwidth;

02 import android.app.Activity;

03 import android.os.Bundle;

04 import android.util.Log;

05 import android.webkit.WebView;

06 import android.webkit.WebViewClient;

07 import android.widget.Toast;

08 public class Main extends Activity {

09 private final static String LOG_TAG = "WebViewContentWidth";

10 private final Activity activity = this;

11 private static int webviewContentWidth = 0;

12 private static WebView webview;

13

14 /** Called when the activity is first created. */

15 @Override

16 public void onCreate(Bundle savedInstanceState) {

17 super.onCreate(savedInstanceState);

18 setContentView(R.layout.main);

19 webview = (WebView) findViewById(R.id.webview);

20 webview.getSettings().setJavaScriptEnabled(true);

21 webview.setSaveEnabled(true);

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...