为移动设备捕获网页的一部分答案

【问题标题】：Capturing a part of web page for mobile devices为移动设备捕获网页的一部分
【发布时间】：2013-09-15 14:25:41
【问题描述】：

我有一个 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 url并在下次显示他们的页面版本。

我看到了这个页面：

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

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

【问题讨论】：

Sandeep - 您能准确解释一下您的应用程序构建在什么平台上（c#、mvc 等）吗？我使用 htmlagilitypack.codeplex.com> 执行您所描述的（我认为），它可以将我们桌面的部分内容抓取到移动设备上。
您想从原始页面中获得什么并希望重复使用？只是文字？更多？

标签： javascript html asp.net

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您可以使用 asp 来代理您想要 canibalize 的页面，然后在 jQuery 中您可以遍历该代理页面并提取您想要使用的部分，然后从原始项目中创建新的响应式文档页。

我不是 asp.net 开发人员，所以我在示例中使用了 php。这是一个指向如何使用 asp.net 代理页面的示例的链接

Simplest Possible ASP .NET AJAX Proxy Page

<?php echo file_get_contents( $_GET['u'] );

然后在 jQuery 中使用 $.ajax() 将代理页面读取为 HTML 并根据需要抓取页面

<script>

$(function(){
    $.ajax({
            url:'proxy.php?u=http://www.ielts.org/test_centre_search/search_results.aspx',
            dataType:'html',
            success:function(data){
                console.log($('#header',data));
            }
    })
});

</script>

在这个例子中，我只是在阅读#head 的内容，但你可以从原始页面中抓取你需要的任何内容，然后将它们插入到目标 dom 中或将它们传递给模板。要获得您要查找的内容，您可以使用“#Template_TestCentreSearch1_SearchTable”，我使用“#head”检索您的下拉标记

【讨论】：