加载外部页面
- 需要添加INTERNET权限
<manifest ... >
<uses-permission android:name="android.permission.INTERNET" />
...
</manifest>
- 添加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"
/>
- 使用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 article和gist
网友评论