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

Question

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

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

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

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

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

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

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

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

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

谢谢！

Answer 1

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

我希望这对你有所帮助。