androidwebview寬度

① android webview初始縮放比例

webview.getSettings().setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
求給分！

② android webview控制項，當控制項寬度較小時，自適應問題

webView.getSettings().setUseWideViewPort(true);
webView.getSettings().setLoadWithOverviewMode(true);

或者WebSettings webSettings= webView.getSettings(); // webView: 類WebView的實例
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

請嘗試一下進行這樣的設置

③ 如何獲取WebView的內容寬度

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的代碼：
Main.java

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);
22 webview.addJavascriptInterface(new JavaScriptInterface(), "HTMLOUT");
23 webview.setWebViewClient(new WebViewClient() {
24 @Override
25 public void onPageFinished(WebView view, String url) {
26 webview.loadUrl("javascript:window.HTMLOUT.getContentWidth(document.getElementsByTagName(』html』)[0].scrollWidth);");
27 }//www.sctarena.com
28 });
29 webview.loadUrl("http://www.pimmos.com/");
30 }
31
32 class JavaScriptInterface {
33 public void getContentWidth(String value) {
34 if (value != null) {
35 webviewContentWidth = Integer.parseInt(value);
36 Log.d(LOG_TAG, "Result from javascript: " + webviewContentWidth);
37 Toast.makeText( activity,
38 "ContentWidth of webpage is: " +
39 webviewContentWidth +
40 "px", Toast.LENGTH_SHORT).show();
41 }
42 }
43 }
44 }

Below is the XML layout used with the Activity wich only contains a simple WebView:
下面是Activity的Layout，主要就是一個簡單的WebView：

01 <?xml version="1.0" encoding="utf-8"?>
02 <LinearLayout
03 xmlns:android="http://schemas.android.com/apk/res/android"
04 android:orientation="vertical"
05 android:layout_width="fill_parent"
06 android:layout_height="fill_parent">
07
08 <WebView android:id="@+id/webview"
09 android:layout_width="fill_parent"
10 android:layout_height="fill_parent" />
11 </LinearLayout>

AndroidManifest.xml layout:
AndroidManifest.xml代碼：

01 <?xml version="1.0" encoding="utf-8"?>
02 <manifest
03 xmlns:android="http://schemas.android.com/apk/res/android"
04 package="com.pimmos.android.samples.webviewcontentwidth"
05 android:versionCode="1" android:versionName="1.0">
06 <application android:icon="@drawable/icon"
07 android:label="@string/app_name">
08 <activity android:name=".Main"
09 android:label="@string/app_name">
10 <intent-filter>
11 <action android:name="android.intent.action.MAIN" />
12 <category
13 android:name="android.intent.category.LAUNCHER" />
14 </intent-filter>
15 </activity>
16 </application>
17 <uses-sdk android:minSdkVersion="7" />
18 <uses-permission android:name="android.permission.INTERNET" />
19 </manifest>

④ 如何在html中獲得android手機中瀏覽器的屏幕的寬度

在html中獲得android手機中瀏覽器的屏幕寬度的方法：
1、在網頁的<head>中增加以上這句話，可以讓網頁的寬度自動適應手機屏幕的寬度:

[html] view plain
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="format-detection" content="telephone=no" />
第一行：
width=device-width ：表示寬度是設備屏幕的寬度
initial-scale=1.0：表示初始的縮放比例
minimum-scale=0.5：表示最小的縮放比例
maximum-scale=2.0：表示最大的縮放比例
user-scalable=yes：表示用戶是否可以調整縮放比例
第二行：
設定iphone端頁面全屏。
第三行：
取消數字被識別為電話號碼。
2、如果是想要一打開網頁，則自動以原始比例顯示，並且不允許用戶修改的話，則是：

[html] view plain
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
3、這樣可以把一些頁頭橫幅等的圖片的寬度都設置成style="width:100%"，整個頁面在設備上看起來就是全屏的了。

⑤ android webview默認屏幕為中像素密度怎麼修改

Android中Webview載入的頁面居中顯示為中等像素密度的方法如下：

第一種方法：

WebSettings settings = webView.getSettings();
settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);
LayoutAlgorithm是一個枚舉用來控制頁面的布局，有三個類型：

1.NARROW_COLUMNS：可能的話使所有列的寬度不超過屏幕寬度

2.NORMAL：正常顯示不做任何渲染

3.SINGLE_COLUMN：把所有內容放大webview等寬的一列中

用SINGLE_COLUMN類型可以設置頁面居中顯示，頁面可以放大縮小

第二種方法：

//設置載入進來的頁面自適應手機屏幕
settings.setUseWideViewPort(true);
settings.setLoadWithOverviewMode(true);
第一個方法設置webview推薦使用的窗口，設置為true。第二個方法是設置webview載入的頁面的模式，也設置為true。這方法可以讓你的頁面適應手機屏幕的解析度，完整的顯示在屏幕上，可以放大縮小。

第三種方法：（主要用於平板，針對特定屏幕代碼調整解析度）

DisplayMetricsmetrics=newDisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(metrics);
intmDensity=metrics.densityDpi;

if(mDensity==120){
settings.setDefaultZoom(ZoomDensity.CLOSE);
}elseif(mDensity==160){
settings.setDefaultZoom(ZoomDensity.MEDIUM);
}elseif(mDensity==240){
settings.setDefaultZoom(ZoomDensity.FAR);
}

Android中的webview其實是一個瀏覽器，對js進行解析以便於在智能機上面很好的顯示。

⑥ android webview設置android:layout_width="match_parent" 不起作用

webView控制項的父控制項寬度是什麼？如果父控制項只有圖上那麼寬，那webView設置match_parent也只有父控制項那麼寬

⑦ android webview 怎麼放大縮小

Android：WebView如何設定支持縮放:需要對WebView和WebSettings做一下設定

webview.setVerticalScrollbarOverlay(true); //指定的垂直滾動條有疊加樣式

WebSettings settings = webview.getSettings();
settings.setUseWideViewPort(true);//設定支持viewport
settings.setLoadWithOverviewMode(true);
settings.setBuiltInZoomControls(true);
settings.setSupportZoom(true);//設定支持縮放

html界面meta標簽
<metaname="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"]//是否允許用戶對頁面縮放 "/>

例如：<meta name="viewport" content="width=device-width,user-scalable=yes initial-scale=1.0, maximum-scale=2.0">-->設定支持縮放，最大兩倍縮放