如何在 WebView 中隐藏网站上的元素

Question

我想在 Webview 上加载此页面，但我想隐藏带有搜索栏和徽标的 header 元素。我不太了解Javascript，请问有什么办法吗？

这是我要隐藏的部分

Answer 1

添加这个 css:

#sfcnt, #top_nav, #appbar { display: none }

改了就会坏

Answer 2

您可以使用 css 风格 sheet 的显示属性来隐藏您想要的东西。

element{
display:none;
}

这里的元素可以是任何东西（即正文、*、div、导航栏）。

Answer 3

我认为您是在寻求使用 javascript 的解决方案。您可以复制以下脚本并通过 chrome 检查执行。 ( Ctrl + Shift + 我，转到 Console 选项卡，粘贴以下脚本并按回车键。）

document.getElementById("searchform").style.display = "none";
document.getElementById("sfcnt").style.display = "none";
document.getElementById("top_nav").style.display = "none";
document.getElementById("appbar").style.display = "none";

我做的其实和别人的回答一样，把不需要的div的CSS风格改成display:none

如何在 WebView 中隐藏网站上的元素

How to hide elements on a website in WebView

html

javascript

android

android-webview