问题:
由于我们这,h5页面是外包弄的,获取的html没有设置成手机端的html页面。js代码
结果就是将js当中的header 隐藏掉
现在贴当中的代码:xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <include layout="@layout/layout_titlebar" /> <WebView android:id="@+id/web_hide_head" android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout>
activity:
@Route(path = "/web/WebHideHeaderActivity") public class WebHideHeaderActivity extends BaseActivity { @BindView(R.id.ll_back) LinearLayout mLlBack; @BindView(R.id.tv_title) TextView mTvTitle; @BindView(R.id.web_hide_head) WebView mWebHideHead; private Dialog mDialog; private String mUrl; @Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_web_hide_header); ButterKnife.bind(this); initView(); } private void initView() { mTvTitle.setText(R.string.details); mLlBack.setVisibility(View.VISIBLE); mDialog = DialogUtils.setDialog(WebHideHeaderActivity.this); mUrl = getIntent().getStringExtra(ConstantUtil.WEB_VIEW_URL); WebSettings webSettings = mWebHideHead.getSettings(); // 如果访问的页面中要与Javascript交互,则webview必须设置支持Javascript webSettings.setJavaScriptEnabled(true); //支持插件 // webSettings.setPluginsEnabled(true); // 设置自适应屏幕,两者合用 webSettings.setUseWideViewPort(true); //将图片调整到适合webview的大小 webSettings.setLoadWithOverviewMode(true); // 缩放至屏幕的大小 // 缩放操作 webSettings.setSupportZoom(true); //支持缩放,默认为true。是下面那个的前提。 webSettings.setBuiltInZoomControls(true); //设置内置的缩放控件。若为false,则该WebView不可缩放 webSettings.setDisplayZoomControls(false); //隐藏原生的缩放控件 // 其他细节操作 webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); //关闭webview中缓存 webSettings.setAllowFileAccess(true); //设置可以访问文件 webSettings.setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 webSettings.setLoadsImagesAutomatically(true); //支持自动加载图片 webSettings.setDefaultTextEncodingName("utf-8");//设置编码格式 mWebHideHead.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) { return false; } @Override public void onPageStarted(WebView view, String url, Bitmap favicon) { } @Override public void onPageFinished(WebView view, String url) { // myWvDetails.loadUrl("javascript:document.getElementsByTagName('header')[0].style.display='none';"); String javascript = "javascript:function hideOther() {" + "var headers = document.getElementsByTagName('header');" + "var lastHeader = headers[headers.length-1];" + "lastHeader.remove();" + "var divs = document.getElementsByTagName('nav');" + "var lastDiv = divs[divs.length-1];" + "lastDiv.remove();" + "}"; //创建方法 view.loadUrl(javascript); //加载方法 view.loadUrl("javascript:hideOther();"); mDialog.dismiss(); super.onPageFinished(view, url); } @Override public void onLoadResource(WebView view, String url) { } @Override public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) { super.onReceivedError(view, errorCode, description, failingUrl); Log.d("errro", errorCode + "---" + description + " --- " + failingUrl); } @Override public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) { super.onReceivedSslError(view, handler, error); handler.proceed(); } }); mWebHideHead.loadUrl(mUrl); } @OnClick(R.id.ll_back) public void onViewClicked() { finish(); }
我在我的项目当中去实现这段代码的时候出现,隐藏失败的问题。 由于我自定义WebView,以及布局嵌套的问题等等,造成在我的项目当中实现不了 隐藏的功能。然后我就用排除方法,我就重新单独创建新的一个界面,这样就成功啦!这样,隐藏Header就成功啦!