如何在安卓webivew中集中我的HTML iframe



我的Android网络视图中有一个iframe,我正在像这样加载:

String folderPath = "file:android_asset/";
String fileName = "index.html";
String file = folderPath + fileName;
webView.loadUrl(file);

iframe是通过位于我的android/assests文件夹中的HTML和CSS文件加载的。HTML和CSS看起来是这样的。HTML:

<!DOCTYPE html>
<html lang="en">
<body>
<link rel="stylesheet" type="text/css" href="default.css"  />
<div class="abs-frame-container">
<iframe 
id="my_frame"
src="my web page link"
scrolling="no"
allowtransparency="true" 
style="border:none;overflow:hidden">
</iframe>
</div>
</body>
</html>

和我的CSS

#my_frame {
position: absolute;
top: 0%;
bottom: 0%;
right: 0%;
width: 117%;
height: 100%;
}
#abs-frame-container{
top: 10%;
bottom: 0%;
position: relative;
}

iframe中的网页在网络视图中显示良好。我想在网络视图中居中(垂直对齐(我的iframe,以便它根据网络视图的尺寸(高度(自动对齐。如果有人能帮助我如何做到这一点,我将不胜感激?

您可以直接从Java/Kotlin在WebView上调用自定义JavaScript。官方文件对此进行了解释。

然后,您可以制作JavaScript脚本,将CSS样式添加到加载的html页面的各个部分,并以这种方式将iframe居中。

最新更新