image
淋昭。
今天測(cè)試提了一bug，有一個(gè)網(wǎng)頁(yè)诀姚，手機(jī)端顯示有問(wèn)題响牛，有一個(gè)網(wǎng)頁(yè)標(biāo)題，后臺(tái)設(shè)置的是紅色標(biāo)題，在手機(jī)端顯示的時(shí)候呀打，ios可以正常顯示矢赁，安卓不能正常顯示，安卓上顯示的是黑色的贬丛。如下如圖：
安卓上效果
ios上是一下效果
//
//
//
//
表示不服啊有木有
ios上效果
一下是代碼安卓代碼撩银，這行代碼文字是黑色的：
代碼1
一下代碼是修改好的代碼，文字標(biāo)題是紅色的：
代碼2
代碼二效果
image.png
完美問(wèn)題解決了抄邀，但是你會(huì)發(fā)現(xiàn)，里面如果有圖片的話昼榛，會(huì)超出屏幕境肾，解決方案，遍歷所有圖片胆屿，為所有圖片設(shè)置寬度占100%奥喻，高度自適應(yīng)。
image.png
問(wèn)題解決了非迹，以下是貼出來(lái)的代碼；防稹！Ｔ魇蕖冷离！
黑色標(biāo)題代碼：
// public WebHelper(Context context, WebView webView){
// mWebView=webView;
// // TODO Auto-generated method stub
//// String release = android.os.Build.VERSION.RELEASE;
//// release = release.substring(0, 3);
//// if ("4.4".equals(release)) {
//// mWebView.setWebViewClient(new MyWebViewClient());
//// } else {
//// mWebView.setVisibility(View.VISIBLE);
//// ws = mWebView.getSettings();
//// WebSettings ws = mWebView.getSettings();
//// ws.setJavaScriptEnabled(true);
//// ws.setBlockNetworkImage(false);
//// ws.setAllowFileAccess(true);
//// ws.setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);
//// ws.setDefaultTextEncodingName("utf-8”);
//// ws.setTextSize(WebSettings.TextSize.NORMAL);
//// ws.setAppCacheEnabled(false);
//// ws.setDomStorageEnabled(true);
//// ws.setRenderPriority(WebSettings.RenderPriority.HIGH);
////
//// mWebView.setFocusable(false);
//// if (android.os.Build.VERSION.SDK_INT >= 8) {
//// ws.setPluginState(WebSettings.PluginState.ON);
//// }
//// ws.setRenderPriority(WebSettings.RenderPriority.HIGH);
//// mWebView.setWebViewClient(new WebViewClientDemo());
//// mWebView.setWebChromeClient(new WebViewChromeClientDemo());
//// mWebView.setHorizontalScrollBarEnabled(false);
//// mWebView.setVerticalScrollBarEnabled(false);
//// mWebView.setFocusable(false);
//// mWebView.setWebViewClient(new WebViewClient());
//// mWebView.getSettings().setJavaScriptEnabled(true);
//// mWebView.setWebChromeClient(new WebChromeClient() {
//// @Override
//// public void onProgressChanged(WebView webView, int i) {
//// super.onProgressChanged(webView, i);
//// }
//// });
//
//// mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
//// mWebView.getSettings().setDomStorageEnabled(false);
//// mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
//// // 自適應(yīng)屏幕
////// mWebView.getSettings().setUseWideViewPort(true);//讓webview讀取網(wǎng)頁(yè)設(shè)置的viewport，pc版網(wǎng)頁(yè)
////// mWebView.getSettings().setLoadWithOverviewMode(true);
//// mWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
//
//// }
// }
修改后的代碼：
1 public static void setWebImageClick(WebView view,String method) {
String jsCode="javascript:(function(){“ +
"var imgs=document.getElementsByTagName(\"img\");” +
"for(var i=0;i<imgs.length;i++){“ +
"imgs[i].pos = i;”+
"imgs[i].style.maxWidth = '100%'; imgs[i].style.height = 'auto'; “+
"imgs[i].onclick=function(){“ +
"window."+method+".openImage(this.src,this.pos);" +//這行代碼是給webview里面所有圖片加點(diǎn)擊事件纯命，獲取圖片數(shù)組酒朵，跳轉(zhuǎn)新的activity查看大圖效果
"}}})()”;
view.loadUrl(jsCode);
}
private void setData(String data) {
imgs = WebHelper.returnImageUrlsFromHtml(data);
imageJavascriptInterface=new ImageJavascriptInterface(context,imgs);
mWebView.addJavascriptInterface(imageJavascriptInterface, method);
mWebView.loadData(data,"text/html; charset=UTF-8", null);
mWebView.setWebViewClient(new WebViewClientDemo());
mWebView.getSettings().setJavaScriptEnabled(true);
mWebView.setWebChromeClient(new WebChromeClient() {
@Override
public void onProgressChanged(WebView webView, int i) {
super.onProgressChanged(webView, i);
}
});
mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);
mWebView.getSettings().setDomStorageEnabled(false);
mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);
// 自適應(yīng)屏幕
// mWebView.getSettings().setUseWideViewPort(true);//讓webview讀取網(wǎng)頁(yè)設(shè)置的viewport，pc版網(wǎng)頁(yè)
// mWebView.getSettings().setLoadWithOverviewMode(true);
mWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);
//registerForContextMenu(mWebView);
}
具體問(wèn)題出現(xiàn)在哪里還沒(méi)找到扎附，又知道的同學(xué)，可以評(píng)論區(qū)指教一下结耀，謝謝Ａ粢埂！图甜！
