Cách đặt độ phóng đại/chiều rộng ban đầu cho chế độ xem web

Question

Tôi đang cố gắng để WebView có hành vi tương tự như trình duyệt Android. Trình duyệt mở tất cả các trang theo cách cố gắng vừa với chiều rộng của màn hình. Tuy nhiên, hành vi mặc định của WebView là bắt đầu với tỷ lệ pixel 100% để nó bắt đầu phóng to ở góc trên cùng bên trái.

Tôi đã dành vài giờ cuối cùng cố gắng tìm cách để có được WebView để chia tỷ lệ trang thành màn hình giống như trong trình duyệt nhưng tôi không có may mắn. Có ai tìm thấy một cách để thực hiện điều này?

Tôi thấy là cài đặt được gọi là setLoadWithOverviewMode, nhưng điều đó dường như không làm gì cả. Tôi cũng đã thử nghiệm với setInitialScale nhưng trên kích thước màn hình khác nhau và kích thước trang web sẽ không được như duyên dáng như các quy mô trình duyệt.

Mọi người có bất kỳ khách hàng tiềm năng nào không?

Cảm ơn

EDIT: Phương pháp Brian dường như để làm việc khi điện thoại trong cảnh quan nhưng không phải trong bức chân dung. Trong bức chân dung nó là gần nhưng vẫn không phù hợp với toàn bộ màn hình trong trang. Tôi bắt đầu bounty này với hy vọng có một cách chắc chắn để có được zoom ban đầu để phù hợp với trang để chiều rộng của trang trong bất kỳ định hướng hoặc kích thước màn hình.

Answer 1

Các mã sau đây tải phiên bản máy tính để bàn của trang chủ Google thu nhỏ hoàn toàn để phù hợp trong webview cho tôi trong Android 2.2 trên một màn hình 854x480 pixel. Khi tôi định hướng lại thiết bị và tải lại theo chiều dọc hoặc ngang, chiều rộng của trang hoàn toàn phù hợp trong chế độ xem mỗi lần.

BrowserLayout.xml:

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 

    <WebView android:id="@+id/webview" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" /> 
</LinearLayout> 

Browser.java:

import android.app.Activity; 
import android.os.Bundle; 
import android.webkit.WebView; 

public class Browser extends Activity { 

    /** Called when the activity is first created. */ 
    @Override 
    public void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.BrowserLayout); 

     String loadUrl = "http://www.google.com/webhp?hl=en&output=html"; 

     // initialize the browser object 
     WebView browser = (WebView) findViewById(R.id.webview); 

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

     try { 
      // load the url 
      browser.loadUrl(loadUrl); 
     } catch (Exception e) { 
      e.printStackTrace(); 
     } 
    } 
} 

Answer 2

Hãy thử using a wide viewport:

webview.getSettings().setUseWideViewPort(true); 

Answer 3

// cho hình ảnh và video swf sử dụng chiều rộng là "100%" và chiều cao là "98%"

mWebView2.getSettings().setJavaScriptEnabled(true); 
mWebView2.getSettings().setLoadWithOverviewMode(true); 
mWebView2.getSettings().setUseWideViewPort(true); 
mWebView2.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
mWebView2.setScrollbarFadingEnabled(true); 

Answer 4

Tôi đã tìm ra lý do tại sao chế độ xem dọc không hoàn toàn lấp đầy chế độ xem. Ít nhất là trong trường hợp của tôi, đó là vì thanh cuộn luôn hiển thị. Ngoài mã chế độ xem ở trên, hãy thử thêm mã này:

browser.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); 
    browser.setScrollbarFadingEnabled(false); 

Điều này khiến thanh cuộn không chiếm không gian bố cục và cho phép trang web lấp đầy chế độ xem.

Hy vọng điều này sẽ giúp

Answer 5

Đây là câu hỏi cũ nhưng hãy để tôi thêm chi tiết trong trường hợp có nhiều người như tôi đến đây hơn.

Câu trả lời tuyệt vời được đăng bởi Brian không hoạt động đối với tôi trong Jelly Bean. Tôi cũng phải thêm:

browser.setInitialScale(30); 

Tham số có thể là bất kỳ tỷ lệ phần trăm nào hoàn thành nội dung được định lại kích thước nhỏ hơn chiều rộng của chế độ xem web. Sau đó setUseWideViewPort (true) mở rộng chiều rộng nội dung đến độ rộng tối đa của chiều rộng webview.

Answer 6

Tôi đang làm việc với tải hình ảnh cho câu trả lời này và tôi muốn chúng được chia tỷ lệ theo chiều rộng của thiết bị. Tôi thấy rằng, đối với các điện thoại cũ có phiên bản ít hơn API 19 (KitKat), hành vi đối với câu trả lời của Brian không hoàn toàn giống như tôi thích nó. Nó đặt rất nhiều khoảng trắng xung quanh một số hình ảnh trên điện thoại cũ, nhưng hoạt động trên một cái mới hơn của tôi. Đây là giải pháp thay thế của tôi, với sự trợ giúp từ câu trả lời này: Can Android's WebView automatically resize huge images? Thuật toán bố cục SINGLE_COLUMN không được dùng nữa, nhưng nó hoạt động và tôi cảm thấy thích hợp để làm việc với các bản xem trước cũ hơn.

WebSettings settings = webView.getSettings(); 

// Image set to width of device. (Must be done differently for API < 19 (kitkat)) 
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.KITKAT) { 
    if (!settings.getLayoutAlgorithm().equals(WebSettings.LayoutAlgorithm.SINGLE_COLUMN)) 
     settings.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN); 
} else { 
    if (!settings.getLoadWithOverviewMode()) settings.setLoadWithOverviewMode(true); 
    if (!settings.getUseWideViewPort()) settings.setUseWideViewPort(true); 
}