javascript - 捕获移动设备网页的一部分

Question

我有一个android应用程序，我想在webview内向用户显示一个页面，但我面临的问题是我无法使用该网页，因为该页面不响应移动设备和用户需要大量水平和垂直滚动。网页为:

http://www.ielts.org/test_centre_search/search_results.aspx

我只需要该页面的下拉搜索功能。我尝试复制本地的 html 源代码来复制页面，但由于 html 表单的操作必须是 http://www.ielts.org/test_centre_search/search_results.aspx 才能获取结果，当我在本地版本上选择一个选项时，它会转到 http://www.ielts.org/test_centre_search/search_results.aspx 网址并在下次显示其页面版本。

我发现了这个页面:

http://www.ieltsessentials.com/test_centre_search.aspx

它正在实现相同的功能。如何复制相同内容并将其添加到本地 .html 文档中

Answer 1

我认为实现这一点的最简单方法是将您自己的 css 样式注入(inject)到他们的 html 中，并隐藏/重新设置不响应的元素的样式。这样你就不必分析它们的任何逻辑，因为它在 CSS 级别上是安全的。您唯一需要弄清楚的是如何在页面重新加载后将 css 重新注入(inject)到 Web View 中。实际上有一种方法可以通过简单地将 javascript 调用注入(inject)到他们的页面中来做到这一点，如下所示 https://stackoverflow.com/a/5010864/467198

要检测页面是否已重新加载，我认为您可以使用 onPageFinished