Android webview内容超过webview
Android webview内容超过webview
提问于 2014-09-26 09:22:33
有一个网页我禁用了滚动。它相当于android手机屏幕的宽度。
问题是，webview中的内容不是自动调整大小，而是显示在webview之外(因为我禁用了滚动，但是webview的大小不是“完全”屏幕宽度)，您可以查看屏幕截图。
我已经补充了
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>和
newsContent.getSettings().setUseWideViewPort(true);
newsContent.getSettings().setLoadWithOverviewMode(true);但还是没用。谢谢。
Webview XML：
<WebView
android:id="@+id/newsContent"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="5dp"
android:background="#ffffff" />Webview JAVA：
StringBuilder sb = new StringBuilder();
sb.append("<HTML><HEAD><meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'><LINK href=\"news.css\" type=\"text/css\" rel=\"stylesheet\"/><script src=\"jquery-1.10.2.js\" type=\"text/javascript\"></script></HEAD><body>");
sb.append(newsItem.description.toString());
sb.append("<script>$('img').on('click', function() {app.zoom($(this).attr('src'));});</script></body></HTML>");
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN){
newsContent.getSettings().setAllowUniversalAccessFromFileURLs(true);
newsContent.getSettings().setAllowFileAccessFromFileURLs(true);
}
newsContent.setWebChromeClient(new WebChromeClient());
newsContent.setWebViewClient(new WebViewClient());
newsContent.getSettings().setUseWideViewPort(true);
newsContent.getSettings().setLoadWithOverviewMode(true);
newsContent.getSettings().setJavaScriptEnabled(true);
newsContent.addJavascriptInterface(new WebViewJavaScriptInterface(), "app");
newsContent.loadDataWithBaseURL("file:///android_asset/", sb.toString(), "text/html", "utf-8", null);
newsContent.setOnTouchListener(new View.OnTouchListener() {
public boolean onTouch(View v, MotionEvent event) {
return (event.getAction() == MotionEvent.ACTION_MOVE);
}
});
newsContent.setVerticalScrollBarEnabled(false);
newsContent.setHorizontalScrollBarEnabled(false);回答 2
Stack Overflow用户
回答已采纳
发布于 2014-10-05 17:27:31
你似乎在做一些特别的事情，因为我实现了一个没有问题的webview，就像一个月前我的第一个android项目一样。
- 检查webview上的xml高度、宽度和布局类型。
- 检查URL站点本身是否设置为做一些古怪的事情。webview可能是正确的。我建议将您的webview重定向到一些您知道要测试的站点，比如我的Tumblr博客URL http://sprocketblog.tumblr.com。
XML
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
tools:context=".HomeFeed"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
<WebView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/webview" >
</WebView>
</RelativeLayout>JAVA
public class NewsFeed extends Activity {
private WebView mWebView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_home_feed);
mWebView = (WebView) this.findViewById(R.id.webview);
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.loadUrl("http://sprocketblog.tumblr.com");
mWebView.setWebViewClient(new TumblrWebViewClient());
if (savedInstanceState == null)
}
//Keeps user in webview on multiple taps without shooting off to Chrome
private class TumblrWebViewClient extends WebViewClient {
@Override
public boolean shouldOverrideUrlLoading(WebView webview, String url) {
webview.loadUrl(url);
return true;
}
//On error shows HTML resource
@Override
public void onReceivedError (WebView view, int errorCode, String description, String failingUrl) {
mWebView.loadUrl("file:///android_asset/networkerror.html");
}
}
//Binds OS back button to webview
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
// Check if the key event was the Back button and if there's history
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
// If it wasn't the Back key or there's no web page history, bubble up to the default
// system behavior (probably exit the activity)
return super.onKeyDown(keyCode, event);
}}
Stack Overflow用户
发布于 2014-09-26 09:31:15
在XML布局中使用android:layout_width="wrap_content"
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26056191
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号