注意:这是关于 JavaFX WebView,而不是 Android WebView(即我见过“Android Webview Anchor Link (Jump link) not working ”)。
我在 javafx.scene.web.WebView
中显示生成的 HTML 页面包含 anchor 和指向这些 anchor 的链接,如下所示:
<p>Jump to <a href="#introduction">Introduction</a></p>
some text ...
<h1 id="introduction">Introduction</h1>
more text ...
我使用此代码将 HTML 加载到 WebView 中:
public void go(String location) {
try {
// read the content into a String ...
String html = NetUtil.readContent(new URL(location), StandardCharsets.UTF_8);
// ... and use loadContent()
webview.getEngine().loadContent(html);
} catch (IOException e) {
LOG.error(e);
}
}
一切都正确呈现,但如果我单击名为“简介”的链接,则什么也不会发生。
但是 HTML 是正确的,我使用以下代码进行了检查:
public void go(String location) {
// use load() to directly load the URL
webview.getEngine().load(location);
}
现在,一切都很好。
问题似乎是由于使用 loadContent()
时 WebView 的文档 URL 为 null
造成的,但由于它是只读属性,我不知道如何使其发挥作用。
我需要使用 loadContent()
,因为 HTML 是动态生成的,如果可能的话,我不想将其写入文件只是为了使 anchor 链接发挥作用。有办法解决这个问题吗?
编辑 我提交了bug对于 JavaFX。
最佳答案
这可能是另一个 WebEngine bug。很多代码只是封装在 api 中的 native 库,因此我们无法在运行时修改它来修复某些缺陷。
如果您能够更改生成文件的结构,您可以在js中实现滚动到元素:
<script>
function scrollTo(elementId) {
document.getElementById(elementId).scrollIntoView();
}
</script>
<a href='#' onclick=scrollTo('CX')>Jump to Chapter X</a>
<h2 id="CX">Chapter X</h2>
如果您无法更改结构,我已采取一些步骤来尝试修复它并提出一些建议 - 首先我将值设置为 location
通过loadContent
之后的反射(reflection)当然:
Field locationField = WebEngine.class.getDeclaredField("location");
locationField.setAccessible(true);
ReadOnlyStringWrapper location = (ReadOnlyStringWrapper) locationField.get(engine);
location.set("local");
但事实上,保留实际位置状态只是为您提供一个信息,对其进行操作不会改变任何内容。我还找到了一种从 js 设置 url 的方法(只是一个长镜头,我们没有任何具体细节为什么它不起作用):
window.history.pushState("generated", "generated", '/generated');
我们当然不能,因为:
SecurityError: DOM Exception 18: An attempt was made to break through the security policy of the user agent.
我认为你应该忘记 loadContent()
。您说您不想将生成的内容写入文件。有点肮脏的黑客,但对您确实有帮助,可以将http服务器包装在应用程序中的随机且未使用的端口上。您甚至不需要外部库,因为 Java 有这样的简单实用程序:
HttpServer server = HttpServer.create(new InetSocketAddress(25000), 0);
server.createContext("/generated", httpExchange -> {
String content = getContent();
httpExchange.sendResponseHeaders(200, content.length());
OutputStream os = httpExchange.getResponseBody();
os.write(content.getBytes());
os.close();
});
server.setExecutor(null);
server.start();
您还可以使用其他浏览器来显示您的页面,例如JCEF (Java Chromium 嵌入式框架)。
关于html - JavaFX Web View : link to anchor in document doesn't work using loadContent(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49070734/