WebView

作者: CP9 | 来源:发表于2017-02-14 15:30 被阅读51次

    加载外部页面

    1. 需要添加INTERNET权限
    <manifest ... >
        <uses-permission android:name="android.permission.INTERNET" />
        ...
    </manifest>
    
    1. 添加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="match_parent"
        android:layout_height="match_parent"
    />
    
    1. 使用WebSettings和创建一个WebViewClient来配置WebView
    public class MainActivity extends Activity {
       private WebView myWebView;
    
       @Override        
       protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
          myWebView = (WebView) findViewById(R.id.webview);
          // Configure related browser settings
          myWebView.getSettings().setLoadsImagesAutomatically(true);
          myWebView.getSettings().setJavaScriptEnabled(true);
          myWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
          // Configure the client to use when opening URLs
          myWebView.setWebViewClient(new MyBrowser());
          // Load the initial URL
          myWebView.loadUrl("http://www.example.com");
       }
       
       // Manages the behavior when URLs are loaded
       private class MyBrowser extends WebViewClient {
          @SuppressWarnings("deprecation")
          @Override
          public boolean shouldOverrideUrlLoading(WebView view, String url) {
              view.loadUrl(url);
              return true;
          }
    
          @TargetApi(Build.VERSION_CODES.N)
          @Override
          public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
              view.loadUrl(request.getUrl().toString());
              return true;
          }
       }
    }
    

    处理响应式布局

    默认情况下,如果HTML页面包括viewport 元数据,WebView不考虑默认比例尺大小。 如果您希望启用页面加载响应式布局,则需要明确设置:

    // Enable responsive layout
    myWebView.getSettings().setUseWideViewPort(true);
    // Zoom out if the content width is greater than the width of the veiwport
    myWebView.getSettings().setLoadWithOverviewMode(true);
    
    myWebView.getSettings().setSupportZoom(true);
    myWebView.getSettings().setBuiltInZoomControls(true); // allow pinch to zooom
    myWebView.getSettings().setDisplayZoomControls(false); // disable the default zoom controls on the page
    

    加载本地页面

    如果你想存储一个本地网页的副本加载到WebView,你可以把它放在android的assets文件夹中。例如:

    public class MainActivity extends Activity {
       private WebView myWebView;
    
       @Override        
       protected void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.activity_main);
          myWebView = (WebView) findViewById(R.id.webview);
          myWebView.getSettings().setJavaScriptEnabled(true);
          myWebView.setWebViewClient(new WebViewClient());
          String path = Uri.parse("file:///android_asset/index.html").toString();
          myWebView.loadUrl(path);
       }
    
    }
    

    在WebView和网络客户端之间共享Cookie

    WebViews目前使用自己的Cookie管理器,这意味着您在这些Web视图之外创建的任何网络请求通常单独存储。 当尝试保留相同的Cookie(即用于身份验证或跨站点脚本伪造(CSRF)头)时,这可能会导致问题。详细请看Stack Overflow articlegist

    相关文章

      网友评论

          本文标题:WebView

          本文链接:https://www.haomeiwen.com/subject/zorxwttx.html