android - 使非移动网站适合移动浏览器

Question

我有一个与一个官僚组织合作的小元素，我需要根据他们网站上的数据创建一个移动应用程序。该网站未针对移动设备进行优化，用户很难通过他们的小工具使用该网站。该元素的目的是提供方便查看的信息并简化用户的工作流程(实际上，我需要创建 3 个按钮/链接，当用户按下按钮时，他/她可以看到一些信息)。

第一个按钮很容易开发，因为它应该只显示与所有人共享的公司新闻。获取此数据的机会有很多，其中之一是获取页面来源和解析标签。

但是，另外两个按钮是一项非常艰巨的任务，因为要为他们获取数据，用户应该登录......尽管公司非常官僚，但该网站是由一些外包组织制作的，所以他们和我都没有访问数据库和网站资源。

我试图找出 POST 请求的类型(记录 tcp-dump)，但是，当然它是编码的。我相信有一个更简单的解决方案，但我找不到，需要你的帮助。不幸的是，我不是网络开发人员，也不了解网络技术资源……

能否请您告诉我，是否可以制作某种包装器，根据浏览器动态设计网页？例如，当用户按下这两个按钮之一时，我会显示自定义登录屏幕(公司网站的自定义登录屏幕，我实际上删除了所有设计并使输入字段和按钮更大)，用户提供详细信息，按下登录按钮，然后我显示报告的自定义 View (删除所有不必要的内容等)

换句话说，想象一下，您正在登录您的 gmail 帐户，登录页面的设计是定制的

在使用 Chrome 的元素检查器进行一些操作后，您可以获得类似这样的结果

虽然网页已修改，但如果我按“登录”按钮，我仍然可以登录到我的帐户。我怎样才能为我的 Android 应用程序获取/开发类似的工具？

也许您有更好的解决方案，请毫不犹豫地提出 :) 如果我对问题的解释不清楚，请告诉我，我会添加更多信息。

谢谢!

Answer 1

之所以还没有人回答，可能是因为你的问题不清楚。您有权访问代码吗？如果是这样，您为什么不插入一个指向 css 文件的链接，您可以根据访问者浏览器的大小在其中设置不同样式的元素？您可以使用媒体查询来做到这一点。只有当访问者的浏览器/屏幕尺寸低于或高于某个值时，您才可以使用它们来触发 css 的某些部分。使用它们为智能手机、平板电脑、上网本、台式机等提供不同的 css。在这里您可以看到一些很好的例子:Example of various media queries for responsive web design.

我希望这能以某种方式帮助到你。